JQery jstree 大數(shù)據(jù)量問題解決方法
更新時(shí)間：2010年03月09日 21:05:54 作者：
Jquery 結(jié)合jstree 動(dòng)態(tài)生成一棵樹，如果某一節(jié)點(diǎn)下目錄超過500個(gè)，IE 會(huì)提示是否允許JS腳本運(yùn)行，并且目錄加載不全，大約只加載了300左右。
問題解決：生成的樹是逐級(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);
問題就出 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);
問題就出 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基于BootStrap樣式實(shí)現(xiàn)無限極地區(qū)聯(lián)動(dòng)
這篇文章主要介紹了jQuery基于BootStrap樣式實(shí)現(xiàn)無限極地區(qū)聯(lián)動(dòng)的相關(guān)資料,需要的朋友可以參考下2016-08-08
用戶管理的設(shè)計(jì)_jquery的ajax實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)效果
下面小編就為大家?guī)硪黄脩艄芾淼脑O(shè)計(jì)_jquery的ajax實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)效果。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
jquery1.4.2 for Visual studio 2010 模板文件
剛把最新的1.4.2 版jquery 整理進(jìn)了vs2010,每次建項(xiàng)目就能直接用了.文件好多.累死了..2010-07-07
jquery text()要注意啦 ，大家可以看看。2009-10-10
jquery實(shí)現(xiàn)點(diǎn)擊文字可編輯并修改保存至數(shù)據(jù)庫
網(wǎng)上的方法只有點(diǎn)擊文字編輯并保持，但是沒有完整的代碼寫怎么保存到數(shù)據(jù)庫，本例用一條sql語句保存到數(shù)據(jù)庫2014-04-04
JqueryUI作為一個(gè)優(yōu)秀的前端庫，在項(xiàng)目中經(jīng)常會(huì)用到，下面小編抽點(diǎn)時(shí)間給大家介紹jQueryUI中的datepicker使用方法詳解，一起看看吧2016-05-05
這篇文章主要介紹了jQuery操作元素追加內(nèi)容,結(jié)合完整實(shí)例形式分析了jquery頁面元素追加相關(guān)操作方法,包括append、appendTo、prepend、prependTo等方法使用技巧,需要的朋友可以參考下2020-01-01
jQuery timers計(jì)時(shí)器簡(jiǎn)單應(yīng)用說明
大家都知道jQuery很強(qiáng)大，也有很多效果很帥的插件，下面介紹下jQuery定時(shí)器插件jQuery Timers，那JS都自帶有定時(shí)器，為什么要使用Jquery的呢？2010-10-10
這篇文章主要為大家詳細(xì)介紹了jQuery超精致圖片輪播幻燈片特效，圖片輪播效果特別適合做產(chǎn)品展示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-09-09
自己以前做的列表雙向選擇器，感覺有點(diǎn)挫，昨天閑著沒事改進(jìn)了一下，把元素改成了select option這樣就支持shift多選，感覺好多了2013-08-08