用JSF的valueChangeListener实现表单联动

简介:
用JSF的valueChangeListener也是可以实现表单联动的,当下拉框中选择一个值后,会往后台backbean中传入刚才所选中的ID,这个ID可以做为另外一个下拉框内容的查询条件,具体如下:
JSP页面
下拉框1:
<h:panelGroup> 
<h:selectOneMenu id= "planID" value= "#{testBB.planID}" onchange= "submit();" valueChangeListener= "#{testBB.changeStatus}"
                        <c:selectItems value= "#{testBB.queryList}"></c:selectItems> 
                </h:selectOneMenu> 
        </h:panelGroup>
下拉框1中的内容在页面进行初始化的时候对数据库进行查询,将查询到的结果封装到list中,在页面上用selectOneMenu一关联就出来了。主要是看它是怎么和另一个下拉框关联起来的,当下拉框1选中内容时,会触发onchange事件,此时会调用valueChangeListener中指定的方法,同时会将选中值的ID传入后台,代码如下:
public  void changeStatus(ValueChangeEvent event){ 
                ...... 
                planID = event.getNewValue().toString(); //得到页面传过来的planID 
                ...... 
    resultList = testucc.getPersons(planID); //调用查询数据库的语句 
        }
这样根据第一个下拉框传过来的planID查询出来的结果就封装到了list中,getPersons方法是对查询结果进行具体封装的
 
下拉框2:
<h:panelGroup> 
          <h:selectOneMenu id= "itemID" value= "#{testBB.itemID}"
                        <c:selectItems value= "#{testBB.resultList}"></c:selectItems> 
                </h:selectOneMenu> 
        </h:panelGroup>

通过与resultList进行关联下拉框2中的值就出来了



本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/354186,如需转载请自行联系原作者

相关文章
|
1月前
|
数据可视化 数据挖掘 API
5 款热门的表单设计器推荐
5 款热门的表单设计器推荐
|
4月前
antdv动态表单组件
antdv动态表单组件
33 0
|
8月前
|
前端开发 JavaScript 数据安全/隐私保护
使用Web动态表单和表单验证
使用Web动态表单和表单验证
132 0
|
10月前
|
前端开发 API 容器
关于我对表单设计的一点思考—自动化生成表单
关于我对表单设计的一点思考—自动化生成表单
129 0
odoo 为form表单视图添加chatter功能
odoo 为form表单视图添加chatter功能
101 0
|
前端开发 JavaScript 数据可视化
|
存储 前端开发 数据可视化
实现一个表单设计器我们需要知道的
表单功能一直是前端项目中比不可少的一块功能,如果有个项目需要在两个月内开发200个左右表单,那我们应该怎么办?加班加点也是能搞出来的,那质量有保证么,这是我们就需要开发一个可以通过可视化交互设计表单的功能。下面和大家分享下我在开发这款表单设计器时使用的技术能力以及整个的设计思路。
|
安全 数据库 数据安全/隐私保护
表单的 9 种设计技巧【下】
表单是信息添加、录入的通用形式,合理的表单设计能减轻用户负担。这里码匠提供的一些表单设计的简单技巧的下篇。
175 0
表单的 9 种设计技巧【下】
|
安全 数据安全/隐私保护 对象存储
表单的 9 种设计技巧【上】
表单是信息添加、录入的通用形式,合理的表单设计能减轻用户负担。这里码匠提供了一些表单设计的简单技巧。
683 0
表单的 9 种设计技巧【上】
|
JSON 运维 JavaScript
《前端那些事》从0到1开发动态表单
前沿:中后台应用中表单需求颇多,左手一个表单,右手又是一个表单,无穷无尽,如果用模版一个个来写,不单写起来费时费力,而且看起来也是天花乱坠,于是这个时候你会去设想,那有没有什么方式可以去替换琐碎的手写表单模版的方式呢?让表单是“配出来”的,而不是撸出来的,让你轻松解决 form 表单,也不再为表单而烦恼。答案就是:动态表单
254 0
《前端那些事》从0到1开发动态表单