`
icyheart
  • 浏览: 777574 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

    博客分类:
  • JSF
阅读更多

这个功能要是用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自带的属性;下面这段脚本去掉

function displayAll(){
            document.form1.action="/recruit/planAudit.jsf";
            document.form1.submit();
            return true;
        }

 后台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的思想了)

0
0
分享到:
评论

相关推荐

    jsf2.0 局部刷新

    JSF 2.0 版本引入了许多改进,其中一项重要的功能就是局部刷新(Partial Page Rendering),它极大地提高了用户体验,减少了页面整体刷新带来的性能损耗。在本篇中,我们将深入探讨 JSF 2.0 的局部刷新机制,以及...

    JSF中使用BooleanCheckbox实现全选功能

    在实现全选功能时,我们通常会有一个主复选框,它的状态(选中或未选中)会影响到页面上所有关联的复选框。当主复选框被选中时,所有子复选框都会被选中;反之,如果主复选框未被选中,则所有子复选框都会被取消选中...

    jsf实现登录功能

    在这个"jsf实现登录功能"的例子中,我们将探讨如何利用JSF来构建一个基本的用户登录系统。 首先,登录功能通常包括两部分:前端页面和后端逻辑。在JSF中,前端页面通常由XHTML文件(.xhtml)组成,这些文件结合了...

    用jsf做的登录注册的组件

    这可以通过在Bean中定义验证方法或者使用JSF提供的Validator接口实现。 5. **会话管理**:在登录成功后,通常会将用户信息保存在session中,以便后续页面访问时能识别用户身份。JSF提供了`FacesContext`对象来操作...

    poi读取并导出excel(jsf bean 页面的实现)

    3. 数据表格的实现:在JSF页面中,使用`t:dataTable`标签来展示数据表格,通过绑定JSF Bean的数据,实现数据的展示和操作。 4. 文件下载的实现:通过使用`HttpServletResponse`和`OutputStream`,实现文件的下载。...

    ajax4jsf 刷新datatable 例子

    在实际项目中,开发者可能会进一步扩展这个例子,添加条件判断以决定何时触发刷新,或者在刷新后执行额外的操作,如验证或计算。同时,为了提高性能和用户体验,还需要考虑如何有效地处理数据分页和过滤。 总的来说...

    JSF实现的CRUD例子 myeclipse

    在这个"JSF实现的CRUD例子 myeclipse"中,我们将探讨如何使用JSF和MyEclipse开发一个简单的CRUD(Create, Read, Update, Delete)应用,而无需连接到数据库。 首先,"first-java-server-faces-tutorial-en.pdf"可能...

    JSF标准的两个实现

    **JSF标准的两个实现** JavaServer Faces (JSF) 是Java平台上的一个用于构建用户界面的MVC(Model-View-Controller)框架,它为Web应用开发提供了一种组件化的方法。JSF规范定义了API和事件模型,而具体的实现则由...

    sun的jsf接口和实现的源文件下载

    8. **导航系统**:JSF提供了基于配置的导航系统,用于控制用户请求后的页面跳转。 9. **扩展性**:JSF设计为可扩展的,可以通过自定义渲染器、事件监听器、组件行为以及提供自己的FacesServlet实现来扩展其功能。 ...

    JSF文件下载实现

    在本文中,我们将深入探讨如何使用JSF来实现在Web应用程序中下载文件的功能。主要涉及的关键知识点包括: 1. **JSF上下文环境获取**: 在`downloadFile`方法中,首先通过`FacesContext.getCurrentInstance()`获取...

    JSF分页实现,内含建表语句

    3. **处理用户交互**:当用户点击“上一页”或“下一页”时,JSF会触发一个动作事件,更新模型层的状态,并重新渲染页面。这通常是通过在JSF页面的命令按钮上设置`action`属性来实现的。 4. **使用SQL进行数据检索*...

    jsf实现增删改查的一个简单例子

    在这个"jsf实现增删改查的一个简单例子"中,开发者使用了JSF 2.2版本,这是一个功能丰富的更新,包括对CDI(Contexts and Dependency Injection)的更好支持,以及更多的性能优化和用户体验改进。 JSF 2.2的核心...

    JSF+hibernate实现批量删除

    这里,`p:dataTable`从Bean的`items`属性获取数据并展示,`selectionMode="multiple"`允许多选,`p:commandButton`调用`deleteSelected`方法,并更新表格以反映删除后的状态。 总的来说,JSF与Hibernate结合使用...

    jsf 实现

    例如,在表单提交、数据验证、下拉列表填充等场景中,使用Ajax可以实现异步请求,避免页面的完全刷新,使得操作更加流畅。 ### 具体实现细节 虽然提供的内容中包含了一些无法解析的字符,但从可读部分推测,这里的...

    第1部分-增强JSF页面的外观

    综上所述,这个学习资源涵盖了通过CSS美化JSF页面,利用JavaScript和JSF的Ajax功能实现动态交互的关键技术。通过深入理解和实践这些知识点,开发者可以创建出更吸引人、更高效的Web应用程序,提升用户的在线体验。

    jsf实现多语言国际化demo

    在JavaScript Server Faces (JSF) 中,实现多语言国际化是一项重要的功能,它允许应用程序为不同地区的用户提供本地化的体验。JSF 提供了内置的支持来处理国际化,使得开发者能够轻松地根据用户的选择或浏览器设置来...

    JSF登录页面和DWR验证,回车直接登录

    在本文中,我们将深入探讨如何使用JavaServer Faces (JSF) 创建登录页面,并结合Direct Web Remoting (DWR) 进行实时验证。当我们按下回车键时,系统应能直接执行登录操作,无需额外点击按钮。这为用户提供了一种更...

    jsf页面

    这篇博客文章(虽然链接不可用)可能探讨了如何使用JSF来创建和管理Web页面。JSF是一个组件化的MVC(模型-视图-控制器)框架,允许开发者通过拖放组件的方式构建页面,并通过后端Java代码处理业务逻辑。 1. **JSF...

    用jsf实现的相册管理

    比如,我们可以在相册列表页面使用`&lt;rich:datascroller&gt;`组件实现分页加载,使用`&lt;rich:fileUpload&gt;`组件让用户无需刷新页面即可上传图片,使用`&lt;rich:modalPanel&gt;`展示预览图片的弹窗。 在视图层,我们需要创建JSF...

    JSF实现的文件上传

    下面将详细介绍如何使用JSF实现文件上传,以及涉及到的关键技术和注意事项。 ### 1. JSF的文件上传组件 JSF提供了`&lt;h:inputFile&gt;`组件来实现文件上传的功能。这个组件允许用户选择本地文件,并将其上传到服务器。...

Global site tag (gtag.js) - Google Analytics