欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery-easyui tree加载时请求了两次后台数据 博客分类: jquery-easyui  

程序员文章站 2024-02-26 08:21:40
...
写道
<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');