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 相关文章推荐
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别
Oct 18 Javascript
Node.js异步I/O学习笔记
Nov 04 Javascript
node.js中RPC(远程过程调用)的实现原理介绍
Dec 05 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
Mar 31 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
Jan 15 Javascript
使用 stylelint检查CSS_StyleLint
Apr 28 Javascript
一个简单的JavaScript Map实例(分享)
Aug 03 Javascript
微信小程序 自定义对话框实例详解
Jan 20 Javascript
js下拉菜单生成器dropMenu使用方法详解
Aug 01 Javascript
深入理解js 中async 函数的含义和用法
May 13 Javascript
vue-router实现编程式导航的代码实例
Jan 19 Javascript
JavaScript实现雪花飘落效果
Dec 27 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中函数的形参与实参的问题说明
2010/09/01 PHP
php计算两个整数的最大公约数常用算法小结
2015/03/05 PHP
PHP使用PDO抽象层获取查询结果的方法示例
2018/05/10 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
php接口隔离原则实例分析
2019/11/11 PHP
js 表格隔行颜色
2009/12/02 Javascript
使用JQuery进行跨域请求
2010/01/25 Javascript
按给定几率进行随机抽取的js代码
2010/12/28 Javascript
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
2011/04/06 Javascript
avalon js实现仿google plus图片多张拖动排序附源码下载
2015/09/24 Javascript
js实现文字闪烁特效的方法
2015/12/17 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
2016/07/20 Javascript
JS中检测数据类型的几种方式及优缺点小结
2016/12/12 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
2017/07/18 Javascript
vue.js移动数组位置,同时更新视图的方法
2018/03/08 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
Electron-vue脚手架改造vue项目的方法
2018/10/22 Javascript
[05:04]完美世界携手游戏风云打造 卡尔工作室地图界面篇
2013/04/23 DOTA
[01:09]模型精美,特效酷炫!TI9不朽宝藏Ⅰ鉴赏
2019/05/10 DOTA
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python远程登录代码
2008/04/29 Python
Python实现基于权重的随机数2种方法
2015/04/28 Python
Python实现二维数组按照某行或列排序的方法【numpy lexsort】
2017/09/22 Python
JavaScript实现一维数组转化为二维数组
2018/04/17 Python
Python实现最常见加密方式详解
2019/07/13 Python
python 基于wx实现音乐播放
2020/11/24 Python
canvas学习和滤镜实现代码
2018/08/22 HTML / CSS
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
美国电视购物HSN官网:HSN
2016/09/07 全球购物
澳大利亚设计师服装在线:MISHA
2019/10/07 全球购物
邮政员工辞职信
2014/01/16 职场文书
优秀教师主要事迹
2014/02/01 职场文书
胡雪岩故居导游词
2015/02/06 职场文书
校长师德表现自我评价
2015/03/05 职场文书
2015年小学实验室工作总结
2015/07/28 职场文书