在企业管理系统以及大型网站系统中,经常用到树型结构,其实树型结构已经非常成熟了,有很多解决方案.
下面贴一下我从几年前就开始使用的树型结构的图.
下面的图都是使用WebFx 的树控件做成的,当然自己加了很多东西,在FireFox,IE下都可以工作
WebFx提供了两种Tree,下面的例子主要是使用了XTree,还有另外一种是XLoadTree.
更多详细信息请浏览 http://webfx.eae.net/dhtml/xloadtree/xloadtree.html 和 http://webfx.eae.net/dhtml/xtree/index.html
不过作者已经很久没有更新这个控件了,虽然网站上很多其他控件还在更新 http://webfx.eae.net
1.普通列表树
支持无限多级节点
节点可以有链接,或者没有
节点可以设置支持Html,以支持css等
预先展开或者关闭
展开时在装载显示(大数量时使用,不过未经全面测试)
2.多选树
父子节点都可以被选择
父子节点设置是否有有效值
父节点选中:设置是否选择子节点
预先展开选中的值
显示文字和实际值不同
显示文字和实际文字可以不同
3.单选树
只要是valueNode,则都可以被选择
(其他同多选)
以上三种都是使用同一个js控件做的,只是设置数据时有所不同.