如何在JSF-2中创建selectAll复选框

Question

如何在JSF -2中创建select All复选框以选择页面中的所有选择框，而不是其他页面上的所有选择框，因为这些复选框是列表，并且在每页中显示20个...

谢谢，亚历克斯

Answer 1

这取决于你想要实现的目标。

例如，您可以使用以下命令在<f:form>中加载复选框

<h:commandButton actionListener="{#myBean.checkAll}">
    <f:ajax render="checkboxes">
</h:commandButton>
<h:panelGroup id="checkboxes">
    <ui:repeat var="check" value="#{myBean.checkBoxes}">
    <h:selectBooleanCheckbox value=#{check.checked}/>
    <h:outputText value=#{check.checkedCaption}/>
    </ui:repeat>
</h:panelGroup>

然后，您可以使用以下bean方法和部分页面更新来检查它们：

public void checkAll(ActionEvent event){
    for(Check check : checkBoxes) {
        checkBoxes.setChecked(true);
    }
 }

当您将操作中的true侦听器方法替换为与当前复选框状态相反的状态时，可以通过以下方式实现uncheck all功能。

编辑。所以，如果你使用的是jQuery 1.6+，你可以在你的视图中调用$('.checkbox').prop('checked', true); $('.checkbox').prop('checked', true); styleClass="checkbox" of <h:selectBooleanCheckbox>。为此，例如，您可以将按钮的javascript onclick方法与上面提出的简单javascript绑定在一起。