用JSF实现页面刷新后,checkbox仍处于选中状态

简介:
这个功能要是用JS实现是有些麻烦的,用JSF把前台与后台bean进行绑定就可轻松实现。
(这个里面还存在有大量的JSP思想,现在修改如下:)
页面代码:
< h:selectBooleanCheckbox  value="#{recu_planBB.selectAll}" onclick="return displayAll();"/>
 
修改后为:
< h:selectBooleanCheckbox  value="#{recu_planBB.selectAll}" onclick="submit();" valueChangeListener="#{recu_planBB.queryAll}"/>
 
其中valueChangeListener是JSF自带的属性; 下面这段脚本去掉
<SPAN style="TEXT-DECORATION: line-through"><SPAN style="COLOR: #ff0000">function displayAll(){ 
                        document.form1.action="/recruit/planAudit.jsf"
                        document.form1.submit(); 
                        return true
                }</SPAN></SPAN>
后台bean代码:
private  boolean selectAll; 

   public  boolean getSelectAll() { 
     return selectAll; 
  } 

   public  void setSelectAll( boolean selectAll) { 
     this.selectAll = selectAll; 
  }
bean代码修改如下:
private  boolean selectAll; 

   public  boolean getSelectAll() { 
     return selectAll; 
  } 

   public  void setSelectAll( boolean selectAll) {     this.selectAll = selectAll; 
  } 

public  void queryAll(ValueChangeEvent event){ 
          selectAll= "true".equals(event.getNewValue().toString()); 
          queryPlanList(); 
        }
在checkbox没有选中的情况下,默认的值为false,选中后即可变成true,这样以来,只要你选中了checkbox它就会一直处于选中状态,除非你把它去掉。( 这样以来就完全是JSF的思想了)


本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/354191,如需转载请自行联系原作者
相关文章
|
3月前
|
JavaScript 前端开发
Javascript:获取、设置复选框的勾选状态
Javascript:获取、设置复选框的勾选状态
61 1
|
3月前
element组件库笔记一:element 框架中table表格复选框选中后,切换下一页之前选中复选框和数据消失的问题
这篇文章介绍了在Element UI框架中,如何解决表格组件复选框在分页时选中状态丢失的问题。
223 0
|
4月前
|
JavaScript 前端开发
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
用JavaScript编程控制网页上checkbox选择状态:全选、全部取消、反选
|
8月前
|
移动开发 小程序 API
uniapp中各种状态的按钮
uniapp中各种状态的按钮
398 0
输入框禁用状态 可清空输入框如何实现?组件写的
输入框禁用状态 可清空输入框如何实现?组件写的
layui的富文本编辑器layedit设置禁用状态
layui的富文本编辑器layedit设置禁用状态
143 0
|
JavaScript
【VUE异常】el-popconfirm失效,@confirm事件不生效,点击没有任何反应,刷新页面才能点击
【VUE异常】el-popconfirm失效,@confirm事件不生效,点击没有任何反应,刷新页面才能点击
376 0
复选框checkbox的三种状态
复选框checkbox的三种状态
122 0
|
JavaScript
jQuery取消checkbox选中状态
jQuery取消checkbox选中状态
60 0
VUE-element-admin菜单栏图标选中状态跟随文字颜色状态变化
VUE-element-admin菜单栏图标选中状态跟随文字颜色状态变化
1169 0
VUE-element-admin菜单栏图标选中状态跟随文字颜色状态变化