problem - Diálogo_jQuerymobile

select2 search box not working in modal

Question

Quiero abrir el cuadro de diálogo basado en el resultado de Ajax. ¿Cómo crear / abrir el diálogo desde el archivo .js?

Alguien me ayude

Gracias por adelantado.

Answer 1

No sé si esta publicación todavía es relevante, pero lo hice así:

function openDialog(strPageId, strTransition){
$.mobile.changePage($("#"+strPageId+":jqmData(role=''dialog'')"), {transition : ""+strTransition+""});
}

Y luego puede invocarlo en un botón, o en su código, donde sea ...

<button data-theme="a" name="btnOS" id="btnOS" onClick="openDialog(''pu-edit-mailorder'',''slideup'')">Order</button>

Answer 2

si solo vincula un archivo como este:

<a href="foo.html" data-rel="dialog">Open dialog</a>

está hecho con AJAX de todos modos y se degrada muy bien para las personas con menor soporte de JS.

La forma en que quieres hacerlo:

Cree un div de ajuste para su contenido y .dialog() atributo de data-role=dialog , luego llame a .dialog() en él, o .page() si el diálogo no funciona. actualización: con JQMbeta2 introducen un evento ''crear'' que debes activar en cosas en vez de usar .page

Answer 3

.dialog() por alguna razón no funcionó para mí. Estoy usando:

$("<a href=''#dialog-id'' data-rel=''dialog''></a>").click().remove();

No es realmente agradable, pero funciona.

Answer 4

Creo que quiere decir que quiere usar JS para abrir un cuadro de diálogo jQM, no crear un enlace de diálogo y activar un evento de clic.

Si es así, se supone que debes usar $ .mobile.changePage (''pageURL'', {role: ''dialog''});