TRSWCM6.5二次开发-004-树形组件.docVIP

树形组件概述树形结构在普通的Web设计中不常用到，但是在一些B/S结构的系统（如OA系统）中是不可缺少的一种UI组件。树状结构不仅是一种有效的信息组织方式，它同时建立了一种索引方式，帮助人类更快地在查找机器中的信息。现代操作系统基本上都使用树状结构来管理磁盘文件，所以大多数人对树状菜单的逻辑模型和操作方式都非常熟悉，对于UI设计师来说就成了一种很好的选择。基本功能点有缩进的层次使用不同的图标区别出来树根、树枝、树叶图标可以标示出树枝是打开还是关闭每一个节点都有提示（ToolTip和状态栏）支持分隔符扩展功能点支持全展开和全关闭支持定位到指定节点支持动态载入指定树枝的节点不预先加载树中所有节点，只是在点击的时候自动加载，对于大数据量的树形结构特别有效；支持拖动支持给LI上填写扩展属性支持选择框关键技术设计原则：按照WEB标准建议，HTML代码只是表达内容的结构，由样式表和JavaScript结合控制表现。wcm系统中树形组件定义在文件app\js\source\wcmlib\com.trs.tree\TreeNav.js。这个JS文件里定义了树形组件的对象com.trs.tree.TreeNav的属性、方法和事件。HTML表达式采用UL和DIV元素标示：DIV表示单个节点；UL表示一组平级的节点，其中DIV中的A元素上定义Title属性。CSS的作用定义不同类型节点的图标（树根、树枝