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 相关文章推荐
ExtJS 2.0实用简明教程 之ExtJS版的Hello
Apr 29 Javascript
动态表格Table类的实现
Aug 26 Javascript
jQuery find和children方法使用
Jan 31 Javascript
js转义字符介绍
Nov 05 Javascript
Javascript学习笔记之数组的构造函数
Nov 23 Javascript
angularJS 中$scope方法使用指南
Feb 09 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
May 17 Javascript
JS中使用media实现响应式布局
Aug 04 Javascript
vue-lazyload图片延迟加载插件的实例讲解
Feb 09 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
Mar 26 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
Jul 22 Javascript
JavaScript实现滑块验证解锁
Jan 07 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
解决中英文字符串长度问题函数
2007/01/16 PHP
PHPMyAdmin 快速配置方法
2009/05/11 PHP
PHP取整函数:ceil,floor,round,intval的区别详细解析
2013/08/31 PHP
百度实时推送api接口应用示例
2014/10/21 PHP
php身份证号码检查类实例
2015/06/18 PHP
PHP json_encode() 函数详解及中文乱码问题
2015/11/05 PHP
php判断是否连接上网络的方法实例详解
2016/12/14 PHP
javascript 同时在IE和FireFox获取KeyCode的代码
2010/02/07 Javascript
手把手教你自己写一个js表单验证框架的方法
2010/09/14 Javascript
Javascript生成json的函数代码(可以用php的json_decode解码)
2012/06/11 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
2013/05/15 Javascript
JavaScript设计模式之工厂模式和构造器模式
2015/02/11 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
2016/07/18 Javascript
JavaScript递归操作实例浅析
2016/10/31 Javascript
详解angularJs模块ui-router之状态嵌套和视图嵌套
2017/04/28 Javascript
JS实现动态添加DOM节点和事件的方法示例
2017/04/28 Javascript
Webpack打包css后z-index被重新计算的解决方法
2017/06/18 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
2017/08/14 Javascript
js 毫秒转天时分秒的实例
2017/11/17 Javascript
React注册倒计时功能的实现
2018/09/06 Javascript
Vue+Express实现登录注销功能的实例代码
2019/05/05 Javascript
JS实现的对象去重功能示例
2019/06/04 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
2020/06/29 Javascript
vue实现全匹配搜索列表内容
2019/09/26 Javascript
[05:01]3.19DOTA2发布会 我们都是刀塔人
2014/03/25 DOTA
[05:48]DOTA2英雄梦之声vol21 屠夫
2014/06/20 DOTA
Python使用QQ邮箱发送Email的方法实例
2017/02/09 Python
python实现列表中由数值查到索引的方法
2018/06/27 Python
python实现一个函数版的名片管理系统过程解析
2019/08/27 Python
Python通过zookeeper实现分布式服务代码解析
2020/07/22 Python
超级实用的8个Python列表技巧
2020/08/24 Python
详解Pycharm与anaconda安装配置指南
2020/08/25 Python
网站域名和主机:Domain.com
2019/04/01 全球购物
《两个铁球同时着地》教学反思
2014/02/13 职场文书
爱心捐助活动总结
2015/05/09 职场文书
描写九月优美句子(39条)
2019/09/11 职场文书