jquery-easyui tree加载时请求了两次后台数据

写道

<div id="sort_tree_div" region="west" split="true" style="width:180px;overflow-x:hidden;">
        <ul id="sortTree" class="easyui-tree" url="back/goverment/menu_operate.html?command=load_tree" style='width:160px;'></ul>
</div>

 

$(document.body).ready(function(){ 
	$("#sortTree").tree({
	    onSelect:function(node){
	    	var node=$("#sortTree").tree('getSelected');

 用这种在HTML标签上指定URL去加载TREE的时候,发现往后台请求了两次数据,大概找了下原因,自己的理解可能是因为,

1. 在标签上指定了URL,这时它会去请求一下后台,
2. JS初始化的时候,要给TREE的节点加onSelect方法,所以要调用$("#sortTree").tree()方法,此时应该又去加载了一次.

解决办法:不要在HTML标签上指定URL,直接在JS上指定就行,

写道

$(document.body).ready(function(){
$("#sortTree").tree({
url:"back/goverment/menu_operate.html?command=load_tree",
onSelect:function(node){
var node=$("#sortTree").tree('getSelected');

 

 

评论

1 楼 xiaoxiong0913 2012-12-06  

也遇到过这样的问题，因为我把那个tree的js写到了body里面，放到head里面就可以了