在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="#" οnclick="SetCheckedStatus('form1','dt1',true);">全部选中</a>   
            <a href="#" mce_href="#" οnclick="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)}"  οnchange="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#