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多重继承示例
Mar 13 Javascript
JQuery 学习笔记 选择器之三
Jul 23 Javascript
js 获取子节点函数 (兼容FF与IE)
Apr 18 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
Jan 29 Javascript
js实现屏幕自适应局部代码分享
Jan 30 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
Apr 06 Javascript
JavaScript实现强制重定向至HTTPS页面
Jun 10 Javascript
利用JS实现文字的聚合动画效果
Jan 22 Javascript
js禁止Backspace键使浏览器后退的实现方法
Sep 01 Javascript
vue+element实现表单校验功能
May 20 Javascript
Node使用Selenium进行前端自动化操作的代码实现
Oct 10 Javascript
用Javascript实现发送短信验证码间隔功能
Feb 08 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
Ajax+PHP快速上手及简单应用说明
2013/07/24 PHP
linux下实现定时执行php脚本
2015/02/13 PHP
php数据访问之查询关键字
2016/05/09 PHP
var与Javascript变量隐式声明
2009/09/17 Javascript
javascript学习笔记(十七) 检测浏览器插件代码
2012/06/20 Javascript
javascript之典型高阶函数应用介绍二
2013/01/10 Javascript
js实现缓冲运动效果的方法
2015/04/10 Javascript
jQuery使用drag效果实现自由拖拽div
2015/06/11 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
jQuery通过写入cookie实现更换网页背景的方法
2016/04/15 Javascript
基于jPlayer三分屏的制作方法
2016/12/21 Javascript
AngularJS开发教程之控制器之间的通信方法分析
2016/12/25 Javascript
jQuery源码分析之init的详细介绍
2017/02/13 Javascript
BootStrap Table 后台数据绑定、特殊列处理、排序功能
2017/05/27 Javascript
vue-quill-editor实现图片上传功能
2017/08/08 Javascript
微信小程序使用Socket的实例
2017/09/19 Javascript
微信小程序之GET请求的实例详解
2017/09/29 Javascript
vue+swiper实现侧滑菜单效果
2017/12/28 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
vue使用Font Awesome的方法步骤
2019/02/26 Javascript
微信小程序实现传递多个参数与事件处理
2019/08/12 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
2019/08/12 Javascript
bootstrap实现嵌套模态框的实例代码
2020/01/10 Javascript
微信小程序图片右边加两行文字的代码
2020/04/23 Javascript
在Ubuntu系统下安装使用Python的GUI工具wxPython
2016/02/18 Python
Python常见异常分类与处理方法
2017/06/04 Python
Python元字符的用法实例解析
2018/01/17 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
Django 中间键和上下文处理器的使用
2019/03/17 Python
python try...finally...的实现方法
2020/11/25 Python
美国创意礼品网站:UncommonGoods
2017/02/03 全球购物
请假条的格式
2014/04/11 职场文书
校园绿化美化方案
2014/06/08 职场文书
2014年生产部工作总结
2014/12/17 职场文书
茶花女读书笔记
2015/06/29 职场文书
化工厂员工工作总结
2015/10/15 职场文书