JQery jstree 大数据量问题解决方法


Posted in Javascript onMarch 09, 2010

问题解决:生成的树是逐级加载的,在open函数中有一个生成节点的代码:
代码

for (var i=0; i<data.length; i++) 
{ 
var n = TREE_OBJ.create(data[i], $(NODE)); 
if (onaddnode) onaddnode(n); 
} 
var firstChild = TREE_OBJ.children(NODE)[0]; 
if ($(firstChild).attr('id')==-1) 
TREE_OBJ.remove(firstChild);

问题就出 TREE_OBJ.create函数上,这个函数很消耗性能。代码改成如下:
代码

var children=""; 
for (var i=0; i<data.length; i++) 
{ 
children += TREE_OBJ.parseJSON(data[i]); 
} 
if (children != "") 
$(NODE).children('ul').html(children); 
var firstChild = TREE_OBJ.children(NODE)[0]; 
if ($(firstChild).attr('id')==-1) 
TREE_OBJ.remove(firstChild);
Javascript 相关文章推荐
JavaScript 学习笔记之操作符(续)
Jan 14 Javascript
JavaScript检测鼠标移动方向的方法
May 22 Javascript
如何防止INPUT按回车自动提交表单FORM
Dec 06 Javascript
jQuery实现别踩白块儿网页版小游戏
Jan 18 Javascript
jQuery中DOM节点的删除方法总结(超全面)
Jan 22 Javascript
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
Node.js assert断言原理与用法分析
Jan 04 Javascript
浅谈Node 异步IO和事件循环
May 05 Javascript
关于AOP在JS中的实现与应用详解
May 06 Javascript
JS查找孩子节点简单示例
Jul 25 Javascript
VsCode里的Vue模板的实现
Aug 12 Javascript
node koa2 ssr项目搭建的方法步骤
Dec 11 Javascript
Javascript Math ceil()、floor()、round()三个函数的区别
Mar 09 #Javascript
js 无提示关闭浏览器页面的代码
Mar 09 #Javascript
JS 无法通过W3C验证的处理方法
Mar 09 #Javascript
extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
Mar 09 #Javascript
javascript 简单抽屉效果的实现代码
Mar 09 #Javascript
Javascript常考语句107条收集
Mar 09 #Javascript
风吟的小型JavaScirpt库 (FY.JS).
Mar 09 #Javascript
You might like
PHP - Html Transfer Code
2006/10/09 PHP
php环境配置 php5 MySQL5 apache2 phpmyadmin安装与配置图文教程
2007/03/16 PHP
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
PHP中localeconv()函数的用法
2019/03/26 PHP
KindEditor在php环境下上传图片功能集成的方法示例
2020/07/20 PHP
JavaScript中Array 对象相关的几个方法
2006/12/22 Javascript
JavaScript不刷新实现浏览器的前进后退功能
2014/11/05 Javascript
JS功能代码集锦
2016/05/04 Javascript
js实现带农历和八字等信息的日历特效
2016/05/16 Javascript
jQuery使用方法
2017/02/04 Javascript
整理关于Bootstrap导航的慕课笔记
2017/03/29 Javascript
docker中编译nodejs并使用nginx启动
2017/06/23 NodeJs
JS解析url查询参数的简单代码
2017/08/06 Javascript
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
vue单页开发父子组件传值思路详解
2018/05/18 Javascript
详解使用create-react-app添加css modules、sasss和antd
2018/07/31 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
2018/08/10 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
不依任何赖第三方,单纯用vue实现Tree 树形控件的案例
2020/09/21 Javascript
vue3使用vue-count-to组件的实现
2020/12/25 Vue.js
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
python实现京东秒杀功能
2018/07/30 Python
Python进阶之全面解读高级特性之切片
2019/02/19 Python
如何使用Python自动控制windows桌面
2019/07/11 Python
pytorch自定义初始化权重的方法
2019/08/17 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
python属于解释型语言么
2020/06/15 Python
pandas抽取行列数据的几种方法
2020/12/13 Python
关于前端上传文件全面基础扫盲贴(入门)
2019/08/01 HTML / CSS
澳大利亚一站式数码相机商店:CameraPro
2020/03/09 全球购物
妇产科护士自我鉴定
2013/10/15 职场文书
公司活动邀请函
2014/01/24 职场文书
体育运动会广播稿
2014/10/05 职场文书
Nginx反向代理学习实例教程
2021/10/24 Servers
css之clearfix的用法深入理解(必看篇)
2023/05/21 HTML / CSS