primefaces - 如果选中 boolCheckBox，组件可见

Question

我有一个网页，其中包含几个组件，当我单击 boolCheckbox 时，我想消失一些其他组件，我尝试使用渲染属性但它不起作用。

简单组件是否有可见属性（或其等效属性），例如：boolCheckBox、inputText、...？

<p:selectBooleanCheckbox value="#{Bean.check}" >
    <p:ajax update="check2" listener="#{Bean.function()}"/>  
</p:selectBooleanCheckbox>

<p:selectBooleanCheckbox id="check2" value="#{Bean.check2}" rendered="#{Bean.check}">
</p:selectBooleanCheckbox>

谢谢你。

Answer 1

您正在更新值更改后不应显示的组件。您应该更新父组件。例如：

<p:selectBooleanCheckbox value="#{Bean.check}" >
    <p:ajax update="check2-parent" listener="#{Bean.function()}"/>  
</p:selectBooleanCheckbox>

<p:panel id="check2-parent">
    <p:selectBooleanCheckbox id="check2" value="#{Bean.check2}" rendered="#{Bean.check}"/>
</p:panel>

Answer 2

利用：

$('checkbox').on('click', function() {
 if($(this).is(':checked')) {
  // checked do something
  $('.classname').hide();
 }
 else {
  // not checked do something else
  $('.classname').show();
 }
});