应用中常见的几种树(Tree)

应用中常见的几种树(Tree)

在企业管理系统以及大型网站系统中,经常用到树型结构,其实树型结构已经非常成熟了,有很多解决方案.

下面贴一下我从几年前就开始使用的树型结构的图.

下面的图都是使用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等
 预先展开或者关闭
 展开时在装载显示(大数量时使用,不过未经全面测试)

应用中常见的几种树(Tree)_第1张图片
 

2.多选树
 父子节点都可以被选择
 父子节点设置是否有有效值
 父节点选中:设置是否选择子节点
 预先展开选中的值
 显示文字和实际值不同
 显示文字和实际文字可以不同
 
应用中常见的几种树(Tree)_第2张图片

 

3.单选树 
 只要是valueNode,则都可以被选择
 (其他同多选)
 
应用中常见的几种树(Tree)_第3张图片  


以上三种都是使用同一个js控件做的,只是设置数据时有所不同.

 
 
 

你可能感兴趣的:(应用中常见的几种树(Tree))