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