JSF2.0 SelectBooleanCheckbox在dataTable中实现全选，自定义选择多行操作

最新推荐文章于 2023-06-25 21:00:00 发布

qiao000_000

最新推荐文章于 2023-06-25 21:00:00 发布

阅读量6.7k

点赞数

分类专栏： JSF 文章标签： jsf facet manager header action ajax

本文链接：https://blog.csdn.net/qiao000_000/article/details/5411728

版权

JSF 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

前端页面部分代码：

<h:commandLink action="#{ADManagementAuditListPMG.disAndselectAll(true)}" value="全部选中"/> <h:commandLink action="#{ADManagementAuditListPMG.disAndselectAll(false)}" value="全部取消"/> <h:dataTable var="manager" value="#{ADManagementAuditListPMG.dataModel}"> <h:column> <f:facet name="header"><h:outputText value="选择" /></f:facet> <h:selectBooleanCheckbox value="#{manager.selected}" disabled="#{!RenderController.av.getAccessRight('PassButton',row.userid)}" id="id#{manager.selected}"> <f:ajax event="change" listener="#{manager.updateSelected}"/>//自定义选择时使用ajax更新selected状态 </h:selectBooleanCheckbox> </h:column> </h:dataTable>

ManagerBean中的全选方法：

public void disAndselectAll(boolean selected) { List<MemberDataAuditDTO> userList = (List<MemberDataAuditDTO>) dataModel.getWrappedData(); for (MemberDataAuditDTO user : userList) { user.setSelected(selected); } }

MemberDataAuditDTO中部分代码：

public class MemberDataAuditDTO implements Serializable { private static final long serialVersionUID = 1L; private boolean selected; public MemberDataAuditDTO() { } public boolean getSelected() { return selected; } public void setSelected(boolean selected) { this.selected = selected; } //ajax调用该方法更新selected状态 public void updateSelected(){ System.out.println("selected"+selected); if(!selected){ selected = true; }else{; } }

Update:2010-03-29

以上全选、多选实现使用了纯JSF技术，经过两天的验证发现点问题，以及可以简化的解决方法。

问题：因为复选框使用了权限设置，没有权限的用户登录复选框置灰，不能选择，但使用JSF全选的方法，

disable=true，复选框置灰只是显示而已，全选依然能够选中该复选框，也就是说失去了权限设置的意

义。

修改后的代码如下：

全选JS代码

/** * 复选框全选/全部取消对应的JS方法 * @param formName 表单名称， * @param dtName dataTable名称， * @param checked 是否选中，true为选中，false为取消 */ function SetCheckedStatus(formName,dtName,checked) { var oTableName = formName+':'+dtName; var oTable=document.getElementById(oTableName); if(oTable != null) { for(j=1;j<oTable.rows.length;j++) { oTable.rows[j].cells[0].childNodes[0].checked=checked;//选中复选框 oTable.rows[j].cells[0].childNodes[0].onchange();//触发复选框中onchange事件，进行状态的提交 } } }

JSF代码

此方法只需在DTO中建立相应的 boolean selected; 字段即可。