下拉树
来源:互联网 发布:最新家暴数据 编辑:程序博客网 时间:2024/05/21 08:47
任务背景
在做输入页面时,为了简化用户的输入,以及避免错误数据的录入,往往提供各种下拉框供用户选择,但是,有时候可供下拉的数据选项非常多,导致下拉选择也非常麻烦,要靠眼睛去寻找合适的选项,并不容易。
为了解决这个问题,把下拉选项按照一定的逻辑进行分级分类,采用树状的方式下拉是个好办法。
举例来说,城市的下拉选项,如果把全国的城市全部列出来,实在太多了,让用户从如此多的选项中选择,显然不现实,因此如果按照地区分类,先按照华东、华北、华南….等地区分类,然后再按照省份分类,然后再按照市分类,再按照县分类,如此一级一级地往下分,查找起来非常容易,下拉选择方便多了。
面临困难
然而,要实现上述的下拉树并不容易,首先要用javascript写出一个下拉树;其次要保证下拉树通用,于是下拉树的数据定义变得很关键,要知道数据的树状结构多种多样,级与级之间的关联条件不定,可能不同级别的数据来自不同的表,而且还可能存在级别数不定的现象,只能根据数据库中的数据动态决定存在几级分类。
当然,上述麻烦还不是最主要的,如果下拉树加入权限控制,那就更加麻烦了。比如说,在某些应用场合只允许选择叶子节点,在某些场合允许选择所有节点;某些场合允许多选,某些场合只能够单选;某些用户访问时只能出来这部分选项;另一部分用户登录时只能出来那部分选项等等;
因此要编程实现上述功能还是很麻烦的。
润乾报表的填报模块,已经实现了下拉树的功能,且对于下拉树的细节考虑的非常周到,包括级别之间的关联定义、循环查找、单选多选、叶子节点与树节点的可选控制等,而且与用户权限的结合非常紧密。其实现步骤也非常简单,包括如下几个步骤:
实现步骤
1、 设计一个填报表
2、 定义下拉树的级别与级别之间的关联条件,设定循环查找、单选多选、叶子节点与树节点的可选控制等属性
3、 网页上展现发布
效果演示
- 下拉树
- 下拉树
- 下拉树
- bootstrap input 下拉树 下拉菜单 下拉列表
- 下拉树 T形下拉树 跳转
- Ext.form.ComboBoxTree 下拉树 下拉多选树
- C#下拉树控件
- 下拉框树
- ExtJS4下拉树组件
- Ext4 下拉菜单树
- 下拉列表树
- 二:下拉树
- Extjs4 实现下拉树
- ext 下拉树
- ExtJs ComBox下拉树
- easyui 下拉框树
- 下拉树comboxTree
- Ext 下拉树
- 训练数据常用算法之Levenberg–Marquardt(LM)
- 大神教你在 Linux 中查看你的时区
- 登陆oracle11g 报错 ORA-01034 ORA-27101 进程 ID: 0 会话 ID: 0 序列号:
- MacOS:使用的小点滴 之 屏幕截屏
- python多线程
- 下拉树
- Tomcat三种Connector运行模式
- git命令大全
- Swift - 微信聊天群头像实现 (群聊的组合头像)
- 为什么转成typecho—wordpress使用感受
- Java 的布局管理器GridBagLayout的用法
- ffmpeg转码MPEG2-TS的音视频同步机制分析
- 从R-CNN到Faster R-CNN阅读整理
- 判断某日是星期几