js Tree

最新推荐文章于 2025-12-04 16:25:00 发布

原创最新推荐文章于 2025-12-04 16:25:00 发布 · 708 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#tree #数据结构 #firefox #测试 #java #ie

本文介绍了一种从Java转换到JavaScript的树形数据结构实现方案，包含三个主要文件：main.def.js用于定义树数据结构；main.imp.js提供树的基本操作及生成实现，如树形SELECT和文件夹结构树；test.html作为测试文件。该实现适用于IE8及Firefox 3.6.X等浏览器，并规定了节点数量限制。

以上图片链接为rar改名，后缀修改为rar即可解压

也贡献一个，是从java转js的
------------------------------------
共三个文件
1：main.def.js: 树数据结构定义
2: main.imp.js: 一些基本的树生成实现（包括树形SELECT, 标准文件夹结构树[可折叠，可添加点击动作]）
3：test.html测试文件

main.Impl.js中的图片自己去找，图片文件名可以不一样,不要修改前面的NAMES
BOTTOM:"<IMG src=imgs/WindowsExplorer/nodeBottom.gif>"

适用：IE8 FireFox3.6.X

节点数目：在一个节点下不能超过150个子节点，但是分开在不同节点的话，测试超过600个以上折叠展开2s之内

使用时按照以下格式生成树对象并插入节点

JScript code


var aTree = new JsTree("TestTree-1","0");
    aTree.addNode(new JsTreeNode({id: 0,pid:-1    ,text:"root"}));
    aTree.addNode(new JsTreeNode({id: 1,pid:0    ,text:"No1"}));
    aTree.addNode(new JsTreeNode({id: 2,pid:0    ,text:"你好"}));

        aTree.create();