`

JSF中使用BooleanCheckbox实现全选功能

    博客分类：
  • JSF
JSFBeanF#SUNJSP 
阅读更多

两种方案：

一、在entity bean中添加一个额外的字段，用于指示该实体bean是否被选中。

二、entity bean中的字段完全是和数据库中字段对应的，即没有额外的用于指示是否被选中的字段；是否被选中则在托管bean中用一个Map来反映。

具体实现看代码：（注：该文基于网络上的一些资料而完成）

/page/下的jsp：

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%--
The taglib directive below imports the JSTL library. If you uncomment it,
you must also add the JSTL library to the project. The Add Library... action
on Libraries node in Projects view can be used to add the JSTL 1.1 library.
--%>
<%--
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
--%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Test Checkbox</title>
        <script  language="javascript" type="">
        function SetCheckedStatus()
        {
            var oTable=document.getElementById('myform:dt');
            var oChkAll=document.getElementById('myform:dt:chkall');
            if(oTable != null && oChkAll != null)
            {
                for(j=1;j<oTable.rows.length;j++)
                {
                    oTable.rows[j].cells[0].childNodes[0].checked=oChkAll.checked;
                }
            }
        }
        </script>
        
    </head>
    <body>
        <f:view>
            <h:form id="myform">
                
                <h:dataTable id="dt" value="#{testManageBean.users}" var="usr" width="100%" border="1" cellpadding="0" cellspacing="0">
                    <h:column>
                        <f:facet name="header">
                            <h:selectBooleanCheckbox id="chkall" onclick="SetCheckedStatus();" value="#{testManageBean.chkall}"/>
                        </f:facet>
                        <h:selectBooleanCheckbox id="chkbox" value="#{usr.checked}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText id="headerText1" value="姓名"/>
                        </f:facet>
                        <h:outputText value="#{usr.name}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText id="headerText2" value="年龄"/>
                        </f:facet>
                        <h:outputText value="#{usr.age}"/>
                    </h:column>
                </h:dataTable>
                <h:commandButton id="showCheckedButton" action="#{testManageBean.showCheckedbox}" value="show checked users"/>
                <h:dataTable id="dts" value="#{testManageBean.checkedUsers}" var="usr" width="100%" 
                             rendered="#{testManageBean.showCheckedUsers}" border="1" cellpadding="0" cellspacing="0">
                    
                    <h:column>
                        <f:facet name="header">
                            <h:outputText id="header1" value="姓名"/>
                        </f:facet>
                        <h:outputText value="#{usr.name}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText id="header2" value="年龄"/>
                        </f:facet>
                        <h:outputText value="#{usr.age}"/>
                    </h:column>
                </h:dataTable>
                
            </h:form>
        </f:view>
        
    </body>
</html>

 

 

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%--
The taglib directive below imports the JSTL library. If you uncomment it,
you must also add the JSTL library to the project. The Add Library... action
on Libraries node in Projects view can be used to add the JSTL 1.1 library.
--%>
<%--
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
--%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Test Checkbox</title>
        <script  language="javascript" type="">
        function SetCheckedStatus()
        {
            var oTable=document.getElementById('myform:dt');
            var oChkAll=document.getElementById('myform:dt:chkall');
            if(oTable != null && oChkAll != null)
            {
                for(j=1;j<oTable.rows.length;j++)
                {
                    oTable.rows[j].cells[0].childNodes[0].checked=oChkAll.checked;
                }
            }
        }
        </script>
        
    </head>
    <body>
        <f:view>
            <h:form id="myform">
                
                <h:dataTable id="dt" value="#{testMapManageBean.users}" var="usr" width="100%" border="1" cellpadding="0" cellspacing="0">
                    <h:column>
                        <f:facet name="header">
                            <h:selectBooleanCheckbox id="chkall" onclick="SetCheckedStatus();" value="#{testMapManageBean.chkall}"/>
                        </f:facet>
                        <h:selectBooleanCheckbox id="chkbox" value="#{testMapManageBean.checkedIds[usr.id]}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText id="headerText1" value="姓名"/>
                        </f:facet>
                        <h:outputText value="#{usr.name}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText id="headerText2" value="年龄"/>
                        </f:facet>
                        <h:outputText value="#{usr.age}"/>
                    </h:column>
                </h:dataTable>
                <h:commandButton id="showCheckedButton" action="#{testMapManageBean.showCheckedbox}" value="show checked users"/>
                <h:dataTable id="dts" value="#{testMapManageBean.checkedUsers}" var="usr" width="100%" 
                             rendered="#{testMapManageBean.showCheckedUsers}" border="1" cellpadding="0" cellspacing="0">
                    
                    <h:column>
                        <f:facet name="header">
                            <h:outputText id="header1" value="姓名"/>
                        </f:facet>
                        <h:outputText value="#{usr.name}"/>
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:outputText id="header2" value="年龄"/>
                        </f:facet>
                        <h:outputText value="#{usr.age}"/>
                    </h:column>
                </h:dataTable>
                
            </h:form>
        </f:view>
        
    </body>
</html>

 

package test.entitybean下的class：

 

 

package test.entitybean;

/**
 *
 * @author SailingLee
 */
public class TestEntityBean {
    
    private String name;
    private int age;
    private boolean checked;//额外的字段，在数据库中没有与之对应的字段，只用于判断该实体bean是否被选中
    
    /** Creates a new instance of TestEntityBean */
    public TestEntityBean() {
    }
    
    public TestEntityBean(String name,int age) {
        this.name = name;
        this.age = age;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

    public boolean isChecked() {
        return checked;
    }

    public void setChecked(boolean checked) {
        this.checked = checked;
    }
    
}

 

/*
 * TestPureEntityBean.java
 * 此实体bean中没有额外的用于判断是否被选中的字段
 */

package test.entitybean;

/**
 *
 * @author SailingLee
 */
public class TestPureEntityBean {
    
    private Integer id;
    private String name;
    private int age;
    
    /** Creates a new instance of TestPureEntityBean */
    public TestPureEntityBean() {
    }
    
    public TestPureEntityBean(int id,String name,int age) {
        this.id = new Integer(id);
        this.name = name;
        this.age = age;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    
}

 

package test.managebean下的class:

package test.managebean;
import java.util.List;
import java.util.ArrayList;
import test.entitybean.TestEntityBean;
import test.phase.PostbackPhaseListener;
/**
 *
 * @author SailingLee
 */
public class TestManageBean {
    private List users = null;
    private List checkedUsers = null;
    private boolean showCheckedUsers;

    private boolean chkall;
    /** Creates a new instance of TestManageBean */
    public TestManageBean() {
        //if(!PostbackPhaseListener.isPostback()){
            users = new ArrayList(5);
            TestEntityBean user = new TestEntityBean("sailinglee",25);
            users.add(user);
            user = new TestEntityBean("dyzhang",24);
            users.add(user);
            user = new TestEntityBean("elzhuang",25);
            users.add(user);
            user = new TestEntityBean("sdwang",26);
            users.add(user);
            user = new TestEntityBean("wfan",25);
            users.add(user);
        //}
    }
    
    public String showCheckedbox(){
        checkedUsers = new ArrayList(5);
        for(int i=0;i<users.size();i++){
            TestEntityBean user = (TestEntityBean)users.get(i);
            if(user.isChecked())
                checkedUsers.add(user);
        }
        if(checkedUsers.size()>0)
            this.setShowCheckedUsers(true);
        else
            this.setChkall(false);
        return "ok";
    }
    
    public List getUsers() {
        return users;
    }
    
    public void setUsers(List users) {
        this.users = users;
    }
    
    public List getCheckedUsers() {
        return checkedUsers;
    }
    
    public void setCheckedUsers(List checkedUsers) {
        this.checkedUsers = checkedUsers;
    }
    
    public boolean isShowCheckedUsers() {
        return showCheckedUsers;
    }
    
    public void setShowCheckedUsers(boolean showCheckedUsers) {
        this.showCheckedUsers = showCheckedUsers;
    }

    /**
     * @return the chkall
     */
    public boolean isChkall() {
        return chkall;
    }

    /**
     * @param chkall the chkall to set
     */
    public void setChkall(boolean chkall) {
        this.chkall = chkall;
    }
}

 

/*
 * TestMapManageBean.java
 *
 */

package test.managebean;
import java.util.List;
import java.util.ArrayList;
import java.util.Map;
import java.util.HashMap;
import test.entitybean.TestPureEntityBean;
import test.phase.PostbackPhaseListener;
/**
 *
 * @author SailingLee
 */
public class TestMapManageBean {
    
    private List<TestPureEntityBean> users = null;
    private List<TestPureEntityBean> checkedUsers = null;
    private Map<Integer,Boolean> checkedIds = new HashMap<Integer,Boolean>();
    private boolean showCheckedUsers;

    private boolean chkall;
    /** Creates a new instance of TestMapManageBean */
    public TestMapManageBean() {
        //if(!PostbackPhaseListener.isPostback()){
            users = new ArrayList<TestPureEntityBean>(5);
            TestPureEntityBean user = new TestPureEntityBean(1,"sailinglee",25);
            users.add(user);
            user = new TestPureEntityBean(2,"dyzhang",24);
            users.add(user);
            user = new TestPureEntityBean(3,"elzhuang",25);
            users.add(user);
            user = new TestPureEntityBean(4,"sdwang",26);
            users.add(user);
            user = new TestPureEntityBean(5,"wfan",25);
            users.add(user);
        //}
    }
    
    public String showCheckedbox(){
        checkedUsers = new ArrayList<TestPureEntityBean>(5);
        for(TestPureEntityBean user : users){
            if(this.checkedIds.get(user.getId()).booleanValue()){
                checkedUsers.add(user);
                //this.checkedIds.remove(user.getId());
            }
        }
        if(checkedUsers.size()>0)
            this.setShowCheckedUsers(true);
        else
            this.setChkall(false);
        return "ok";
    }
    
    public List getUsers() {
        return users;
    }
    
    public void setUsers(List users) {
        this.users = users;
    }
    
    public List getCheckedUsers() {
        return checkedUsers;
    }
    
    public void setCheckedUsers(List checkedUsers) {
        this.checkedUsers = checkedUsers;
    }
    
    public boolean isShowCheckedUsers() {
        return showCheckedUsers;
    }
    
    public void setShowCheckedUsers(boolean showCheckedUsers) {
        this.showCheckedUsers = showCheckedUsers;
    }
    
    public Map<Integer, Boolean> getCheckedIds() {
        return checkedIds;
    }
    
    public void setCheckedIds(Map<Integer, Boolean> checkedIds) {
        this.checkedIds = checkedIds;
    }

    /**
     * @return the chkall
     */
    public boolean isChkall() {
        return chkall;
    }

    /**
     * @param chkall the chkall to set
     */
    public void setChkall(boolean chkall) {
        this.chkall = chkall;
    }
    
}

 

/WEB-INF/下的faces-config.xml:

<?xml version='1.0' encoding='UTF-8'?>


<!DOCTYPE faces-config PUBLIC
  "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN"
  "http://java.sun.com/dtd/web-facesconfig_1_1.dtd">

<!-- =========== FULL CONFIGURATION FILE ================================== -->

<faces-config>
    <managed-bean>
        <managed-bean-name>testManageBean</managed-bean-name>
        <managed-bean-class>test.managebean.TestManageBean</managed-bean-class>
        <managed-bean-scope>request</managed-bean-scope>
    </managed-bean>
    <managed-bean>
        <managed-bean-name>testMapManageBean</managed-bean-name>
        <managed-bean-class>test.managebean.TestMapManageBean</managed-bean-class>
        <managed-bean-scope>request</managed-bean-scope>
    </managed-bean>
    <lifecycle>
        <phase-listener>test.phase.PostbackPhaseListener</phase-listener>
    </lifecycle>
  
</faces-config>

 注：实现过程中PostbackPhaseListener没有用好，该例子只是说明JSF中全选的实现，关键在于那段jsp里js，那里的[]不可写为()，否则在firefox中可能有脚本错误，原因很简单，[]对应的是数组，而()对应的是函数。

1
顶
0
踩
分享到：
| JSF API 1.2
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    PPT模板 -龙湖新员工转正答辩模板.pptx

    PPT模板 -龙湖新员工转正答辩模板.pptx

    PPT模板 -生产计划管理.pptx

    PPT模板 -生产计划管理.pptx

    生产单元数字化改造23年国赛

    生产单元数字化改造23年国赛

    ECharts柱状图-极坐标系下的堆叠柱状图2.rar

    图表效果及代码实现讲解链接：https://blog.csdn.net/zhangjiujiu/article/details/143997013

    机器人算法的 Python 示例代码 .zip

    Pythonbot高斯网格图射线投射网格图激光雷达至网格地图k-均值对象聚类矩形接头大满贯迭代最近点 (ICP) 匹配FastSLAM 1.0路径规划动态窗口方法基于网格的搜索Dijkstra 算法A* 算法D*算法D* Lite 算法位场算法基于网格的覆盖路径规划国家网格规划偏极采样车道采样概率路线图（PRM）规划快速探索随机树（RRT）回程时间*RRT* 和 reeds-shepp 路径LQR-RRT*五次多项式规划Reeds Shepp 规划基于LQR的路径规划Frenet 框架中的最佳轨迹路径追踪移动到姿势控制斯坦利控制后轮反馈控制线性二次调节器 (LQR) 速度和转向控制模型预测速度和转向控制采用 C-GMRES 的非线性模型预测控制手臂导航N关节臂对点控制带避障功能的手臂导航航空导航无人机三维轨迹跟踪火箭动力着陆双足动物倒立摆双

    sql综合学习基础知识及练习题考试题实测题.zip

    SQL，全称为结构化查询语言（Structured Query Language），是用于管理和操作关系型数据库的标准化语言。它广泛应用于数据插入、查询、更新和删除等操作，并且拥有超过40年的历史，证明了其在数据处理领域的核心地位。以下是对SQL综合学习基础知识及练习题考试题实测题的介绍

    java面向对象 - 类与对象.doc

    java面向对象 - 类与对象 在Java编程语言中，面向对象编程（OOP）是一个核心概念。它强调以对象作为程序的基本单位，并将相关的数据和功能封装在对象中。类和对象是Java OOP的两个关键组成部分。 ### 类（Class） 类是一个模板或蓝图，它定义了对象的属性和行为。我们可以将类视为对象的类型或种类。通过类，我们可以创建（实例化）具有特定属性和行为的对象。 类的组成部分通常包括： 1. **成员变量**（属性）：用于存储对象的状态或数据。 2. **方法**（行为）：定义了对象可以执行的操作或功能。 3. **构造方法**：一种特殊类型的方法，用于在创建对象时初始化其状态。 4. **块**（如静态块、实例初始化块）：用于执行类级别的初始化代码。 5. **嵌套类**：一个类可以包含其他类，这被称为嵌套或内部类。 ### 对象（Object） 对象是类的实例。它是根据类模板创建的具体实体，具有自己的状态和行为。每个对象都是其类的一个唯一实例，可以访问其类中定义的属性和方法。 创建对象的过程通常涉及以下几个步骤： 1. **声明**：指定对象的类型（即其所属的类

    原生JS实现鼠标感应图片左右滚动代码.zip

    原生JS实现鼠标感应图片左右滚动代码.zip

    随机密码生成器，支持字符、数字、字母大小写组合

    随机密码生成器，支持字符、数字、字母大小写组合

    自动化部署管道创建的代码库（含 Concourse 和 Jenkins 相关）.zip

    1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。

    高等工程数学试题详解：矩阵分析与最优化方法

    内容概要：本文档为一份高级数学复习试题，内容涵盖线性代数、数值分析及最优化理论等领域，主要包括矩阵范数的计算、遗传算法中的变异操作、内点法解非线性优化问题、证明矩阵有互异特征值、求解矩阵的标准形以及应用单纯形法和FR共轭梯度法解决具体的数学问题等方面。 适合人群：正在备考研究生入学考试或者准备参加各类数学竞赛的学生、对高等数学感兴趣的学习者及从事相关领域科研工作的专业人士。 使用场景及目标：用于巩固和检验个人关于矩阵论、优化方法及概率统计的知识掌握情况，帮助应试者系统地复习相关考点，提高解题技巧。 阅读建议：建议结合具体题目深入理解每一个概念及其应用方式，遇到复杂的计算或证明步骤不妨动手尝试推导一次，这样有助于加深记忆并培养灵活运用知识的能力。同时，在理解算法原理的基础上，还可以参考一些实际案例来进行练习。

    使用了脉冲码调制(PCM).计算了所需的比特率和信号量化误差Matlab代码.rar

    1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手

    Google 表格 Python API.zip

    Google Spreadsheet Python API v4Google Sheets 配合使用的简单界面。特征通过标题、关键字或URL打开电子表格。读取、写入和格式化单元格区域。共享和访问控制。批量更新。安装pip install gspread要求Python 3.8+。基本用法在 Google API 控制台中创建凭据开始使用 gspreadimport gspreadgc = gspread.service_account()# Open a sheet from a spreadsheet in one gowks = gc.open("Where is the money Lebowski?").sheet1# Update a range of cells using the top left corner addresswks.update([[1, 2], [3, 4]], "A1")# Or update a single cellwks.update_acell("B42", "it's

    AICon 2024全球人工智能开发与应用大会（脱敏）PPT合集（30份）.zip

    AICon 2024全球人工智能开发与应用大会（脱敏）PPT合集，共30份。 AI辅助编程测评与企业实践 SmartEV和AI 蔚来的思考与实践 下一代 RAG 引擎的技术挑战与实现 书生万象大模型的技术演进与应用探索 人工智能行业数据集构建及模型训练方法实践周华 全方位评测神经网络模型的基础能力 千亿参数 LLM 的训练效率优化 向量化与文档解析技术加速大模型RAG应用落地 基于大模型的缺陷静态检查 多环境下的 LLM Agent 应用与增强 大模型在华为推荐场景中的探索和应用 大模型在推荐系统中的落地实践 大模型的异构计算和加速 大模型辅助需求代码开发 大语言模型在法律领域的应用探索 大语言模型在计算机视觉领域的应用 大语言模型的幻觉检测 小米大模型端侧部署落地探索 快手可图大模型的技术演进与应用探索 提升大模型知识密度，做高效的终端智能 电商大模型及搜索应用实践 百度大模型 原生安全构建之路 硅基流动高性能低成本的大模型推理云实践 语言模型驱动的软件工具思考：可解释与可溯源 长文本大模型推理实践：以 KVCache 为中心的分离式推理架构 阿里云 AI 搜索 RAG 大模型优

    子弹打穿金属后留下弹痕flash动画.zip

    子弹打穿金属后留下弹痕flash动画.zip

    雷达目标一维距离像仿真实验，以及多目标成像 matlab代码.rar

    1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手

    原生js竖直动画手风琴下拉菜单代码.zip

    原生js竖直动画手风琴下拉菜单代码.zip

    受循环荷载作用的土壤或路面层分析Matlab代码.rar

    1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手

    Centos6.x通过RPM包升级OpenSSH9.7最新版 升级有风险,前务必做好快照，以免升级后出现异常影响业务

    Centos6.x通过RPM包升级OpenSSH9.7最新版 升级有风险,前务必做好快照，以免升级后出现异常影响业务

    营销策划 -阿道夫洗护品牌新品小红书新品营销方案.pptx

    营销策划 -阿道夫洗护品牌新品小红书新品营销方案.pptx

Magicbox
Global site tag (gtag.js) - Google Analytics