点击命令按钮后，将打开2个具有相同widgetVar的对话框

问题描述

我在JSF Web项目中使用的是Primefaces，在一种情况下，我想在某种情况下呈现一个命令按钮，当呈现该按钮时，然后单击该命令按钮，我希望打开一个对话框。该对话框应该包含一个下拉菜单，并且当从下拉菜单中选择任何值时，该下拉菜单下面的一个表格应会出现，其中包含与下拉菜单中所选值相关的表格字段。

我正在尝试的代码：

<p:dataTable id="paramTable" value="#{testDesignView.paramlist}" var="pr" scrollable="true" liveResize="true" resizableColumns="true" style="font-size:10px;margin-bottom:0 ;min-height:200px" scrollRows="3"  scrollHeight="120" >
  <f:facet name="header">
        Parameters
    </f:facet>
      <p:column headerText="Key" style="width:141.406px;">
        <h:outputText value="#{pr.key}" />
    </p:column>
       <p:column headerText="Value" style="width:197.594px;">      
       <p:inputText value="#{pr.value}"  ondblclick="try{PF('op').show();}catch(e){};showPanel([{name:'selectedparam',value:'#{pr.key}'}]);" >
       <p:ajax listener="#{testDesignView.updateStepRow(pr)}"
                                     />
       </p:inputText>
       <p:commandButton rendered="#{pr.key == 'Body'}" icon="pi pi-window-maximize" actionListener="#{testDesignView.viewApiBody(pr)}" update="tm:bodyDialog:tcApiBody" oncomplete="PF('bodydlg').show();" style="margin-left:10px;"/>
     
    </p:column>
    <f:facet name="footer">
     <p:commandButton value="Advanced Settings" rendered="#{testDesignView.restFlag}" oncomplete="PF('authSettingsdlg1').show();"/>
    </f:facet>
     </p:dataTable>


 <p:dialog header="Advanced Settings" widgetVar="authSettingsdlg1" resizable="false" modal="true">
            <p:panel id="authTypePanel" style="width:1200px;height:500px">
                  <p:selectOneMenu id="authType" value="#{testDesignView.currentAuthType}" style="width:1020px">
                  <p:ajax event="valueChange" listener="#{testDesignView.loadAuthForm()}"/>
                     <f:selectItem itemLabel="Select" itemValue="" noSelectionOption="true" />
                     <f:selectItems value="#{testDesignView.authTypesDropdownList}" var="authTypeNm" itemLabel="#{authTypeNm}" itemValue="#{authTypeNm}" />
                  </p:selectOneMenu>
                  </p:panel>
                  <h:panelGrid columns="2" cellpadding="5">
                    <f:facet name="footer">
                    <p:commandButton value="Access Token" style="margin-top: 5px;"/>
                    <p:commandButton value="Cancel" style="margin-top: 5px;" oncomplete="PF('authSettingsdlg1').hide();"/>
                </f:facet>
            </h:panelGrid>
        </p:dialog>

public void loadAuthForm() {
        System.out.println("loadAuthForm method invoked");
        System.out.println("currentAuthType selected--> "+currentAuthType);
    }

我在做什么错了，如何避免单击在一种情况下呈现的以下命令按钮打开同一widgetVar的这两个对话框？

<p:commandButton value="Advanced Settings" rendered="#{testDesignView.restFlag}" oncomplete="PF('authSettingsdlg1').show();"/>

此外，当使用小部件var'authSettingsdlg1'从对话框的选择下拉列表中选择任何值时，也不会调用ajax值更改侦听器方法。单击一个对话框的十字按钮时，它也会关闭另一个重复对话框。

此外，如何根据从下拉列表中选择的值来更改表单值并在对话框中下拉列表的正下方加载表单？例如：如果从下拉菜单中选择了基本，则下面的表格应使用2个输入文本框打开，分别是基本用户名和基本密码。同样，对话框中的其他表单字段也会根据下拉菜单中的选定值而更改。

相同的widgetVar的两个重复对话框的屏幕截图

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）