JQery jstree 大數據量問題的解決方案

問題描述：Jquery 結合jstree 動態生成一棵樹，如果某一節點下目錄超過500個，IE 會提示是否允許JS腳本運行，并且目　　　　 錄加載不全，大約只加載了300左右。

問題解決：生成的樹是逐級加載的，在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);

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈