Cómo abrir la ventana emergente Modal en JSF 2 usando JQuery

Tengo el requisito de que en mi página JSF haya un CommandButton, y al hacer clic en ese CommandButton se activará un método de acción que ejecutará cierta lógica y, en función del resultado de esa lógica, tendré que mostrar una ventana emergente con dos commandButton en eso. No puedo usar ninguna implementación de JSF (como RichFaces, IceFaces), necesito lograr esto solo usando JSF 2 y JQuery. ¿Es posible? Cualquier idea o pensamiento me será de mucha ayuda. Oh otra cosa necesito agregar el botón y la misma lógica en varias páginas. He intentado usar el complemento de SimepleModal pero no tuve éxito para encontrar un enfoque inteligente.

Aquí hay un ejemplo completo de trabajo

h:panelGroup display:none para ocultar el contenedor de diálogo h:panelGroup porque la función .dialog lo hará visible cuando sea necesario.

También puede ocultar los botones de comando jsf reales y acceder a ellos mediante el botón de diálogo con jquery # selector e invocar el .click como lo hice en el archivo js.

Una última cosa, se utiliza onclick="initDialog(); return false;" para llamar a la función de diálogo js y se agregó false, así que el botón de comando no intentará alejarse …

Al utilizar el Diálogo jQuery UI, obtendrá la máxima flexibilidad / control sobre sus diálogos.

El ejemplo consta de 2 archivos (uno .xhtml y uno .js),

Usé jQuery y jQueryUI, no necesito ningún otro plugin

index.xhtml

                  

y scripts.js

 function initDialog() { $("#idOfDialogPlaceHolder").dialog({ modal: true, buttons: { SomeButton: function () { $("#justAButton").click(); }, Close: function () { $(this).dialog("close"); } }, }); } 

Eso es