Question

关于jquery tree 树形菜单动态添加子节点的问题

这是一段添加子节点的代码：
$.getJSON('<%=request.getContextPath()%>/flow/getSysStatus.html', function(data) {
$.each(data, function(entryIndex, entry) {
$('#tt2').tree('append',{
parent: (node?node.target:null),
data:[{
id : data[entryIndex].CODE,
text : data[entryIndex].DESCRIBE
}]
});
});
});
现在的问题就是，执行这一段代码如果JSON返回的数据量庞大的时候程序直接崩溃了。。而且就算数据量不大，利用each动态的循环添加效率也不高。
哪位大虾做过类似的？？

Answer 1

<script type="text/javascript">
function getChildren(){
var node = $('#tt1').tree('getSelected'); //tt1是你的树的id
if (node){
alert(“有子节点");
} else {
alert("无子节点");
}
}
</script>

<ul id="tt1" class="easyui-tree" animate="true" dnd="false">
<li>
<span>Folder</span>
<ul>
<li state="closed">
<span>Sub Folder 1</span>
<ul>
<li>
<span><a href="">File 11</a></span>
</li>
<li>
<span>File 12</span>
</li>
<li>
<span>File 13</span>
</li>
</ul>
</li>
<li>
<span>File 2</span>
</li>
<li>
<span>File 3</span>
</li>
<li>File 4</li>
<li>File 5</li>
</ul>
</li>
<li>
<span>File21</span>
</li>
</ul>
<a href="#" onclick="getChildren1()">getChildren1</a>

Answer 2

$().ready(function(){
$('#TreeMenu').tree( {
checkbox : true,
cascadeCheck:false,
url : "fun!getTree.action?id=-1",
onBeforeExpand:function(node)
{
$.getJSON("fun!getTree.action?id="+node.id,function(nodes){
$('#TreeMenu').tree('append', {
parent:node.target,
data:nodes
});
});
}
});
});