天天看点

EasyUI使用tree方法生成树形结构url加载两次的问题

html代码中使用class声明了easyui-tree,导致easyUI解析代码的时候先解析class声明的easyui-tree,这样组件就请求了一次url;然后又调用js初始化代码请求一次url。这样就导致了重复加载,解决的方法就是只用一种方法来声明easyUI组件以避免重复的请求数据,解决办法只需要删除html中的class声明(class="easyui-tree");

例子如下:

错误代码:

<div class="easyui-panel" >
	<ul id="editrooter_tt" class="easyui-tree"></ul>
</div>

<script type="text/javascript">
    $(function() {
			initTree();
		});

		function initTree() {
			$('#editrooter_tt').tree({
				url : 'manager/getMenuTreeJson',
				method : 'get',
				animate : true,
				checkbox : true,
			});
		}
</script>
           

避免加载两次只需要把<ul id="editrooter_tt" class="easyui-tree"></ul>中的class="easyui-tree"删除就可以,因为在js代码已经声明了easyui-tree