在JSF dataTable中兑现selecteBooleanCheckbox全选效果

在JSF dataTable中实现selecteBooleanCheckbox全选效果.

前端页面部分代码：

?

<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{;            }       }  

?

以上全选、多选实现使用了纯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代码:

<a href="#" mce_href="#" onclick="SetCheckedStatus('form1','dt1',true);">全部选中</a>               <a href="#" mce_href="#" onclick="SetCheckedStatus('form1','dt1',false);">全部取消</a>     <h:dataTable id="dt1" 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)}"  onchange="submit();">                           </h:selectBooleanCheckbox>                       </h:column>  

?

?

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

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;       }   }

?

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/qiao000_000/archive/2010/03/24/5411728.aspx#