JQery jstree 大數(shù)據(jù)量問(wèn)題解決方法
更新時(shí)間:2010年03月09日 21:05:54 作者:
Jquery 結(jié)合jstree 動(dòng)態(tài)生成一棵樹(shù),如果某一節(jié)點(diǎn)下目錄超過(guò)500個(gè),IE 會(huì)提示是否允許JS腳本運(yùn)行,并且目錄加載不全,大約只加載了300左右。
問(wèn)題解決:生成的樹(shù)是逐級(jí)加載的,在open函數(shù)中有一個(gè)生成節(jié)點(diǎn)的代碼:
代碼
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);
問(wèn)題就出 TREE_OBJ.create函數(shù)上,這個(gè)函數(shù)很消耗性能。代碼改成如下:
代碼
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);
代碼
復(fù)制代碼 代碼如下:
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);
問(wèn)題就出 TREE_OBJ.create函數(shù)上,這個(gè)函數(shù)很消耗性能。代碼改成如下:
代碼
復(fù)制代碼 代碼如下:
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);
相關(guān)文章
jquery中checkbox使用方法簡(jiǎn)單實(shí)例演示
這篇文章主要介紹了jquery中checkbox使用方法簡(jiǎn)單實(shí)例演示,感興趣的小伙伴們可以參考一下2015-11-11jQuery dateRangePicker插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery dateRangePicker插件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07總結(jié)jQuery插件開(kāi)發(fā)中的一些要點(diǎn)
這篇文章主要介紹了總結(jié)jQuery插件開(kāi)發(fā)中的一些要點(diǎn),包括命名空間與事件events等重點(diǎn)和難點(diǎn)部分的講解,要的朋友可以參考下2016-05-05JQuery中節(jié)點(diǎn)遍歷方法實(shí)例
這篇文章主要介紹了JQuery中節(jié)點(diǎn)遍歷方法,實(shí)例分析了jQuery遍歷節(jié)點(diǎn)的技巧,需要的朋友可以參考下2015-05-05jquery實(shí)現(xiàn)加載進(jìn)度條提示效果
這篇文章主要介紹了jquery實(shí)現(xiàn)加載進(jìn)度條提示效果,感興趣的小伙伴們可以參考一下2015-11-11基于jquery 的一個(gè)progressbar widge
這個(gè)widget是包含在wijmo 項(xiàng)目中的一個(gè)widget。目前此widget已經(jīng)開(kāi)源基于mit和gpl雙協(xié)議,目前是beta版,可能存在bug。2010-10-10jQuery實(shí)現(xiàn)圖片放大預(yù)覽實(shí)現(xiàn)原理及代碼
jQuery實(shí)現(xiàn)圖片放大原理很簡(jiǎn)單,就是將圖片顯示的尺寸變大后放在瀏覽器的一個(gè)指定位置,從而實(shí)現(xiàn)圖片的放大預(yù)覽,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下2013-09-09