填报中的下拉多选列表框
12.31.2009 by hewei - 0 Comment - 0Posted in web报表应用
在快逸报表应用的填报页面中，下拉框是最常见的了。下拉选择框可以简化用户的输入，可以避免用户的错误录入，还可以轻松实现中文与代码的映射关系，可谓用途多多。 可是随着业务的越来越复杂，各种奇怪的需求均可能冒出来，比如说，数据库中的某个字段的取值，有可能同时存在多种，比如员工基本信息表里的擅长的外 语字段，有些人仅仅擅长一门外语，有些人擅长两门，有些人擅长三门、四门，甚至有些神童从小就精通七八门外语，如果一门外语搞一个字段，人家可能擅长七八 门外语，你岂不是要为他设计七八个外语字段，分别命名为外语1、外语2、外语3、……外语n，这样的表结构岂不是让人发疯？ 但是，如果外语的下拉选择框允许多选（比如：下图中的多选效果），那么可以把擅长的多门外语用逗号分隔存入一个字段中，这样岂不是轻松地解决了这个问题？ 
这个功能看似很简单，做个多选框不就行了，可是仔细推敲，其实不然。 首先，网页上的多选框在form里提交后，后台request里接收到的是一个数组，你必须在后台写程序把数组拼成逗号分隔的串，然后才能存到数据库中； 其次，把数据取回来修改的时候，还需要把数据库中逗号分隔的串解析回数组，并展现在界面里。 更为复杂些的要求，就是当选项非常多的时候，不能用简单的多选框，而可能要用下拉树，把数据组织成树状结构，这样才方便选择，否则几千甚至几万个选 项，眼睛都要看花了。而下拉树要实现多选，那更是要费一番功夫。比如叶子节点允许多选，枝节点不允许多选等等五花八门的需求，会把人弄晕。 幸好注重细节的快逸报表把所有这些麻烦都解决了。它为下拉列表、下拉数据集、下拉树等编辑风格都提供了多选的选项，使用起来非常方便，步骤如下：
这个功能看似很简单，做个多选框不就行了，可是仔细推敲，其实不然。 首先，网页上的多选框在form里提交后，后台request里接收到的是一个数组，你必须在后台写程序把数组拼成逗号分隔的串，然后才能存到数据库中； 其次，把数据取回来修改的时候，还需要把数据库中逗号分隔的串解析回数组，并展现在界面里。 更为复杂些的要求，就是当选项非常多的时候，不能用简单的多选框，而可能要用下拉树，把数据组织成树状结构，这样才方便选择，否则几千甚至几万个选 项，眼睛都要看花了。而下拉树要实现多选，那更是要费一番功夫。比如叶子节点允许多选，枝节点不允许多选等等五花八门的需求，会把人弄晕。 幸好注重细节的快逸报表把所有这些麻烦都解决了。它为下拉列表、下拉数据集、下拉树等编辑风格都提供了多选的选项，使用起来非常方便，步骤如下：实现步骤
- 设计一个填报表，定义下拉列表、下拉数据集、下拉树等编辑风格
- 在这些编辑风格的属性编辑框里，把多选选项打勾
- 发布
原文链接：快逸报表：填报中的下拉多选列表框
相关文章： 普及报表系统功能说明 ; 好用的java开发工具 ; 数据集由内建还原为sql后没有数据 ; 快逸报表在瑞星2009下填报编辑框无法使用的解决办法
设置B1单元格的填报属性-编辑风格为下拉数据集，如下图： 
B1的单元格变量名为param: 
设置B2单元格为超链接为调用JavaScript函数：javascript:getValue()，如下图： 
第二步： 需要建立一个jsp，这个jsp是为了展现下拉数据集报表用的。在此jsp上还要包含之前提到的javaScript函数，用来获取下拉数据集的值。 下拉数据集报表的jsp写法：（参考： \quieeReport\documents\zh\学习教程\应用开发\jsp–1.1.1.a.jsp）。 < script launguage=”javascript”> function getValue(){ var B1Vlalue = document.all['report1_B1′].value; //获取B1单元格的值 window.location.href=”test1.jsp?param=”+B1Vlalue; //超链接至test1.jsp } < /script> 第三步： 建立一个上面提到的test1.jsp，这个jsp的作用是用来展现从超链接传递过来的参数。 test1.jsp的写法： < %@ page contentType=”text/html;charset=GBK”%> < %@ taglib uri=”/WEB-INF/runqianReport4.tld” prefix=”report”%> < html> < head> < title>例子jsp< /title> < /head> < body> < % String param = request.getParameter( “param”); //通过request取超链接中的参数 out.println(”传递过来的参数是:”+param); //展现到页面中 %> < /body> < /html> 在页面上展现的效果： 1.选择下拉数据集数据的界面： 
2.传参后的效果展示界面： 
例子中仅仅是把传递过来的参数用jsp作了简单的展现处理，实际应用中jsp文件是发布报表的载体，jsp接受到的参数会被传到报表中作相应的计算并最终展现相应的报表，如接受的参数为”颖静”报表就会自动计算并显示”颖静”的相关信息。 通过超链接传参，简单灵活，调试方便。在一些参数表单和主报表不在一张jsp上的时候，用参数池的方式取参数会比较繁琐，用超链接的方式可以轻而易举的把参数通过地址栏传递到目标jsp，再通过目标jsp获取参数，用不同的方法实现了同样的传参功能。 附注：参数传递的方法教程：设计器-帮助-学习教程-应用开发教程-2.1.2 参数
下图所对应的是创建报表模版： 
对应的实现效果图： 
实现思路： 1：A2扩展后就是一个字符串，把字符串传入数据集函数，代码中用split方法分解并放入String数组中。 2：将数据集中的字符串和值对应放入HashMap中。 3：遍历数组，如果数组中数据和HashMap中的key相等，则取出value值利用StringBuffer拼好返回值。 自定义函数的用法可以参照：快逸应用开发教程- 3.4.1 自定义函数介绍章节 本示例的自定义数据集运算函数代码如下： package com.runqian; import java.util.HashMap; import java.util.Map; import java.util.Set; import com.runqian.base4.resources.EngineMessage; import com.runqian.base4.resources.MessageManager; import com.runqian.base4.util.ReportError; import com.runqian.report4.dataset.DataSet; import com.runqian.report4.dataset.DsValue; import com.runqian.report4.dataset.Group; import com.runqian.report4.model.expression.DSFunction; import com.runqian.report4.model.expression.Expression; import com.runqian.report4.model.expression.Variant2; import com.runqian.report4.usermodel.Context; public class CharZhuan extends DSFunction { @Override public Object calculate(Context ctx, boolean isInput) { // TODO Auto-generated method stub if (this.paramList.size() < 1) { MessageManager mm = EngineMessage.get(); throw new ReportError(”paramater:” + mm.getMessage(”function.missingParam”)); } // 取得第一个参数,默认为表达式，需要把该表达式算出来，结果才是函数的参数值 Expression param1 = (Expression) this.paramList.get(0); if (param1 == null) { // 判断参数是否为空 MessageManager mm = EngineMessage.get(); throw new ReportError(”paramater:” + mm.getMessage(”function.invalidParam”)); } // 算出第一个参数值 Object result1 = Variant2.getValue(param1.calculate(ctx, isInput), false, isInput); System.out.println(result1.toString()); // 判断第一个参数值是否为空 if (result1 == null) { return null; } // 判断第一个参数值的数据类型 if (!(result1 instanceof String)) { MessageManager mm = EngineMessage.get(); throw new ReportError(”parameter:” + mm.getMessage(”function.paramTypeError”)); } Group group = null; DsValue cur = this.ds.getCurrent(); group = (Group) cur; DataSet ds = group.getDataSet(); int countRow = ds.getRowCount(); // 将码表的对应值放到hashmap中 Map map = new HashMap (); for (int i = 1; i <= countRow; i++) { int j = 1; //获得某位置的数据 map.put(ds.getData(i, j).toString(), ds.getData(i, j + 1) .toString()); } StringBuffer sb = new StringBuffer(); // 对第一个参数进行split分解. String[] str = ((String) result1).split(”-”); System.out.println(str[0] + str[1]); Set keySet = map.keySet(); //以下for循环为每个字符串找相应的汉字，并用－连接起来 for (int i = 0; i < str.length; i++) { //遍历HashMap找key与目标字符串相等的值 for (String key : keySet) { if (key.equals(str[i])) { //如果相当，则获得与key对应的value，append到StringBuffer中 sb.append(map.get(key)); sb.append(”-”); } } } return sb.delete(sb.length() - 1, sb.length()).toString(); } } 总结：通过上面自定义函数和对函数的调用就可以实现本文开头的特殊业务需求了，可见自定义函数功能的强大，然而本文中的例子也仅仅是自定义函数的一 个普通应用，快逸报表提供的普通函数和数据集运算函数的接口能够处理的业务需求远不止此，更强大更实用的功能还等待我们去尝试。
3. 设置B2单元格可写，并且为它设置的下拉数据集。勾选B2单元格填报属性中的”是否可写”，并且设置它的下拉数据集为刚才新建的数据集ds2，显示列为”订单ID”,数据列也为”订单ID”,如下图： 
4. 新建一个参数用于接收B2单元格选择的订单ID。新建参数”dingdan”,如下图： 
5. 新建一个数据集ds1，用于根据订单ID查询订单详细信息，sql语句：SELECT 订单.订单ID,订单.货主名称,订单.运货商,订单.货主地区 FROM 订单 WHERE 订单.订单ID =? 在SQL编辑器中增加一个参数”dingdan”,表格中填写如下： 
6. 到现在报表已经做完了，下面给单元格C2增加onClick()事件，在onClick事件中先取B2单元格的显示值，然后定义页面跳转的url。修改showReport.jsp，增加如下javascript代码 < script language=”javascript”> //给C2单元格定义onClick事件 document.getElementById(”report1_C2″).onclick=function() { //用document中提供的方法取B2单元格的显示值 var value=document.getElementById(”report1_B2″).innerText; //定义页面跳转的url，并且把参数和参数值添加到url中 window.location=”showReport.jsp?raq=baobiao.raq&dingdan=”+value; } < /script> 7. 启动设计器中内置的tomcat，在IE中浏览此报表。选择订单ID，然后点击”查询”，结果如下： 
需求到此解决完毕，以后再遇到类似的需求只在一张报表就实现参数模板功能的问题就可以根据本文的做法去解决了。