前阵子自己写了个带选择框的tree控件,虽然还有一些bug没有修改(动态添加节点),但是感觉加载速度还可以。
子节点检索的方法参考了MzTree,测试了一下发现用正则去查找子节点的确比循环快了不少。
节点有三种状态,选中,未选中,未完全选中。
虽然引了一个jquery.js 但其实jquery只是用来在离开页面的时候把tree的变量delete一下(如果不delete一下 IE内存可能会越用越大)
使用方法:
var otree = new OTree({
panel : document.body, //Tree所在容器
data : chinaAreas //tree所需数据 JSON格式 数据见china.js
});
otree.paint(); //绘制树
节点数大于1000的情况,如果开始就直接选中根节点,会卡大概5-10秒,因为节点太多了,全部选中需要初始化一次( 这个Tree有3000多个节点 ) 目前没想到好的解决方法。(全选的话无论如何也需要初始化一次吧)
子节点检索的方法参考了MzTree,测试了一下发现用正则去查找子节点的确比循环快了不少。
节点有三种状态,选中,未选中,未完全选中。
虽然引了一个jquery.js 但其实jquery只是用来在离开页面的时候把tree的变量delete一下(如果不delete一下 IE内存可能会越用越大)
使用方法:
var otree = new OTree({
panel : document.body, //Tree所在容器
data : chinaAreas //tree所需数据 JSON格式 数据见china.js
});
otree.paint(); //绘制树
节点数大于1000的情况,如果开始就直接选中根节点,会卡大概5-10秒,因为节点太多了,全部选中需要初始化一次( 这个Tree有3000多个节点 ) 目前没想到好的解决方法。(全选的话无论如何也需要初始化一次吧)