jsf - 切换取决于选择的值

Question

当用户选择特定单选按钮时，我想切换隐藏面板。使用最新版本的 primefaces。

例如：

<p:panel id="panel1" visible="false" widgetVar="firePanel" closable="true" toggleable="true">
 hello
</p:panel>

<p:selectOneRadio value="#{formBean.selectedOptions}" layout="pageDirection">
  <f:selectItem itemLabel="Option 1" itemValue="opt1" />
  <f:selectItem itemLabel="Option 2" itemValue="opt2" />
  <f:selectItem itemLabel="Option 3" itemValue="opt"/>                           
</p:selectOneRadio>

我想实现这样的目标，但是在单击 RadioButton3 时，不使用命令按钮

<p:commandButton id="but" value="Show" onclick="firePanel.show();"/>

这甚至可能吗？谢谢！

score 5 · Accepted Answer

采取以下步骤：

在您的支持 bean 中声明一个boolean变量来管理面板的状态并将其绑定到visible面板的属性

boolean panelIsVisible;
//getter and setter

<p:panel id="panel1" visible="#{formBean.panelIsVisible}" widgetVar="firePanel" closable="true" toggleable="true">

定义一种方法来切换基于值的可见性布尔值selectedOptions

public void changePanelState(){

    //set panelIsVisible to true or false based on whatever conditions you choose

}

将<p:ajax/>事件添加到您的<p:selectOneRadio/>以在该菜单上的任何选择上触发 ajax 事件

<p:selectOneRadio value="#{formBean.selectedOptions}" layout="pageDirection">
  <f:selectItem itemLabel="Option 1" itemValue="opt1" />
  <f:selectItem itemLabel="Option 2" itemValue="opt2" />
  <f:selectItem itemLabel="Option 3" itemValue="opt"/> 
  <p:ajax listener="#{formBean.changePanelState}" update="panel1"/>                          
</p:selectOneRadio>

这是假设它与 selectOneRadiopanel1相同。<h:form/>

jsf - 切换取决于选择的值

1 回答 1

Related

Reference