CC&B利用YUI实现树状图

来源：互联网发布：淘宝第三方推广平台编辑：程序博客网时间：2024/06/06 06:13

CC&B中样式有限，没有实现树状图的标签，发现利用雅虎的YUI能显现一系列的样式，粗略的看了一下treeview，实现效果还不错，

1.var treeView = new YAHOO.widget.TreeView('新建的DIV‘); //先新建一个DIV,然后新建treeView，

2, var node= new YAHOO.widget.TextNode(’中文‘, treeView.getRoot(), true); //根节点生成

3.new YAHOO.widget.TextNode(’中文‘,node, false); //向父节点中插入子节点 false代表默认不展开，true就是展开

4. treeView.draw(); //生成treeView

常用的几个属性：node.data以及node.children（数组）

同样可以通过YUI框架给treeView添加点击事件，实现数据库中读取相应数据动态生成树，并在页面其它区域对其进行增删改。

效果如下：

0 0