2用例搭建及代码解释.doc

标签w:checkGroup和w:rowCheckbox的应用 1概述 本用例介绍如何使用多行选择标签来显示带有复选框的表格信息。并利用标签提供的Js函数来操作复选框，如全选，清空复选框等功能，减少了开发人员编写代码的工作量。 本用例是显示多个公司及公司员工的信息，显示效果如下： 2用例搭建及代码解释 2.1用例搭建 a. 在数据库中执行sql.txt中的sql语句，创建表PersonInfo和CompanyInfo。 b. 在EOS Studio中创建EOS项目，搭建数据模型如下图所示： c. 将testCheckGroup.jsp源代码放到EOS项目的页面资源目录中。 d. 将employeInfo.flow源代码放到EOS项目的页面流目录中。修改页面流“赋值”图元中右值，改为实际创建的数据模型CompanyInfo的全名。修改页面流“结束”图元中的返回页面值，找到相应的testCheckGroup.jsp页面。 e. 运行页面流，即可看到上面所说的页面效果。 2.2代码解释 testCheckGroup.jsp页面中部分代码： w:checkGroup id=%=group+String.valueOf(i)% 由于标签w:checkGroup在l:iterate循环体中，id属性的值动态设为group1，group2等。 w:rowCheckbox h:param name=personID indexed=true iterateId=list1 property=personID/ /w:rowCheckbox w:rowCheckbox嵌套在 HYPERLINK mk:@MSITStore:E:\\资料\\工作资料\\2－我的工作\\12－6.0\\EOS文档\\EOS%20RichWeb参考手册.chm::/doc/03_Page_Control/0901_w_checkGroup.htm w:checkGroup标签内，w:rowCheckbox可以嵌套 HYPERLINK mk:@MSITStore:E:\\资料\\工作资料\\2－我的工作\\12－6.0\\EOS文档\\EOS%20RichWeb参考手册.chm::/doc/01_Basic_Page_Tag/0212_h_param.htm h:param来设置行参数。 Js代码 function SelectAllCheck1(obj,n){ var grp=group+n; if(obj.checked==true){ selectAll(grp); } else { selectNone(grp); } } 这里直接使用了标签提供的Js函数selectAll(groupId)，selectNone(groupId)来进行全选和清空复选框的操作，开发人员只需提供w:checkGroup的id值即可。 3小结 本用例介绍了如何使用多行选择标签，直接使用了标签的全选和清空功能。该标签还有其它功能可用，如反选功能，获得选中的行对象，获得选中的行数等，开发人员可以参考《EOS RichWeb参考手册》来学习。