javascript - 选中 p :selectCheckboxMenu 中的所有复选框

Question

如何选中 <p:selectCheckboxMenu> 中的每个复选框在它被父组件更新之后。可以是 JS/jQuery 函数或任何其他可能性。

我正在尝试使用一个 javascript 函数来处理它以检查每个复选框，在 <p:ajax> 中调用oncomplete

<p:selectOneMenu>
    <p:ajax update="selectCheckboxMenu" 
            oncomplete="checkEveryBoxes()"/>
</p:selectOneMenu>

<p:selectCheckboxMenu id="selectCheckboxMenu" widgetVar="wvCheckBoxMenu">
</p:selectCheckboxMenu>

JS(伪代码):

function checkEveryBoxes(){
   for i=0 to y{
       check PF('wvCheckBoxMenu') for i value
   }
}

有什么办法吗？

Answer 1

您可以使用 PrimeFaces.widget.SelectCheckboxMenu.checkAll()功能:

PF('wvCheckBoxMenu').checkAll()

显然在测试了 PrimeFaces 提供的功能后，面板关闭时检查复选框的场景不存在(:visible 的过滤器)因此如果菜单关闭你不会得到预期的结果，因此在调用 checkAll() 之前需要先调用 show()。

所以最合适和最简单的调用顺序是:

PF('wvCheckBoxMenu').show();
PF('wvCheckBoxMenu').checkAll();
PF('wvCheckBoxMenu').hide()

否则您需要更改 checkAll() 函数本身。