在SelectOne菜单更改的同一窗口中打开一个对话框

Question

我有一个jsf页面，我有一个selectOneMenu和，我想打开一个对话框对selectOneMenu变化。

举个例子，如果用户从jsf selectOneMenu中选择一个值=“被动”，它应该在同一个页面上打开一个对话框或一个灯箱，我想像这里一样显示一个小jsf表单。（在selectOneMenu中选择特定值后，我想打开的框））http://www.primefaces.org/showcase-labs/ui/dialogLogin.jsf

我还想把提交的数据保存在我的后备bean中的某个地方，这样我以后就可以把它存储到数据库中了。

我不知道如何在同一个窗口中从backing bean打开对话框或灯光框，因为我们将使用valueChangeListener事件或ajax事件来识别值更改。

我能够识别哪个值是从selectOneMenu（下拉菜单）中选择的，但不知道如何打开选择特定值的对话框。

<h:outputLabel
            value="* Country: "/>
        <h:selectOneMenu
            id="someSelect"
            value="#{testController.countryName}"
            required="true">
            <f:selectItem
                itemLabel="Select Country"
                itemValue=""/>
            <f:selectItems
                value="#{testController.countryNamesSelectItems}"/>
             </h:selectOneMenu>

Supoose我们在selectItems中有两个选项，分别是India和Australia，如果用户选择India，则应在同一页面上打开一个对话框，用户需要填写一些信息，如果他来自印度，则需要提交（如示例中所示）http://www.primefaces.org/showcase-labs/ui/dialogLogin.jsf（请点击那个小图片（是的，就像我在selectOneMenu中选择特定值后想打开的这个对话框），用户将输入用户名和密码并提交数据）

希望这有帮助

我们如何检查primeface，选择值的selectOneMenu使用java脚本（jQuery）就像这里所做的Richface t： selectOneMenu如何获得选择值使用java脚本？？

Answer 1

您可以使用h:selectOneMenu的onchange属性打开对话框：

 <h:selectOneMenu
        id="someSelect"
        value="#{testController.countryName}"
        required="true"
        onchange="dlg.show()">

使用dlg作为p： dialog的widgetVar属性的值。这将在服务器被击中之前打开对话框。

如果要在ajax请求完成后打开对话框，可以使用带有oncomplete属性的p:ajax：

<p:ajax update=".." process=".." oncomplete="dlg.show()"/>

或者，如果要根据所选值打开对话框，可以使用包装函数：

function showDialog() {
 if($('#IdOfYourSelectOneMenu').val() == 'India') {
   dlg.show();
 }
}

与：

<p:ajax update=".." process=".." oncomplete="showDialog()"/>