本帖最后由 漩涡 于 2016-1-16 08:30 编辑
基于ZTree的下拉树组件,支持单选、复选、独选
提醒:如果是自己做了二次开发,一定要记得更新plugin.xml文件
前言:这既是一个实用的控件,也是一篇自定义控件的完整教程,代码中使用了所有开发一个控件会用到的接口。
源码:http://www.finedevelop.com:2015/ ... browse/plugin-ztree
插件下载
fr-plugin-ztree-5.7.zip
(102.12 KB, 下载次数: 186)
模板下载
ztree.cpt
(3.48 KB, 下载次数: 65)
更新日志:
[2015-12-02]完善反馈信息
[2015-12-09]修复点击滚动条会导致下拉菜单消失的问题
[2015-12-09]修复插件在tomcat服务器下无法使用的问题
[2015-12-09]增加了级联选择子节点的功能,在复选模式下,如果父节点是选中状态,新加载出来的子节点会自动处于选中状态
[2015-12-10]级联选择的时候,会自动加载所有的子孙节点
[2015-12-10]修复级联选择的时候,没有选择父亲节点只是也会加载孙子节点的问题
[2015-12-11]增加弹出层高度设置属性;弹出层宽度跟随控件宽度[2016-01-15]修正弹出层会被图表遮住无法选择的问题
如果在正式环境中使用,务必使用12月9日以后的jar和5.4版本以后的插件,下载最新的jar包可以通过设计器使用在线更新插件
http://bbs.fanruan.com/thread-67607-1-1.html
级联选择效果图
控件的特性如下
- 单选时,选中的节点作为控件值
- 多选时,选中的节点组成的数组作为控件值
- 独选时,同一个节点下只有一个值能被选中
三种类型的截图如下 控件数据设置方式注意:该控件仅支持手动添加层级的方式作为树的数据 - 树的数据设置支持所有的数据字典类型
- 下一层中使用参数@1,@2,@3等参数表示该节点上层节点的值
- 若是要在数据查询中使用层级参数,可以在where条件中写为:where xxx = '${@1}'这种形式
使用方式(示例模板见reportlets目录下的ztree.cpt)- 安装插件(安装了插件才能打开ztree.cpt,否则打开会报错)
- 打开报表参数界面,可以看到多了一个"ZTree的下拉树"控件
- 将控件拖到参数界面上,选中该控件可以看到该控件的各种属性,如果需要多选树,把模式属性更改为"多选"即可
- 点击"数据"项,可以看到点击数据设置的地方
- 点击上图圆圈的地方,会弹出树控件的数据设置界面,默认会添加一个层级,选择适合的数据字典类型
- 需要添加多层级的时候,点击工具栏上的"添加"图标,如下图示例,添加了4层的树
- 预览该报表就可以看到下拉树的效果了
|