带选择框的JS树控件

编程技术  /  houtizong 发布于 3年前   82
前阵子自己写了个带选择框的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多个节点 ) 目前没想到好的解决方法。(全选的话无论如何也需要初始化一次吧)
上一篇:java 时间处理
下一篇:java读配置文件

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

留言需要登陆哦

技术博客集 - 网站简介:
前后端技术:
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成

网站主要作用:
1.编程技术分享及讨论交流,内置聊天系统;
2.测试交流框架问题,比如:Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识,如有侵权请发邮件到站长邮箱,站长会尽快处理;
4.站长邮箱:[email protected];

      订阅博客周刊 去订阅

文章归档

文章标签

友情链接

Auther ·HouTiZong
侯体宗的博客
© 2020 zongscan.com
版权所有ICP证 : 粤ICP备20027696号
PHP交流群 也可以扫右边的二维码
侯体宗的博客