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