easyUI combotree加载大量节点数据的处理方式(逐步加载)

最新推荐文章于 2020-12-23 13:07:59 发布

z1340954953

最新推荐文章于 2020-12-23 13:07:59 发布

阅读量3.2k

点赞数 1

分类专栏： jquery 文章标签： easyui 处理大量节点数据的方式

本文链接：https://blog.csdn.net/Ditto_zhou/article/details/78423121

版权

本文介绍了使用easyUI combotree组件处理大量节点数据的方法，通过点击事件实现逐级加载，有效优化用户体验。核心思路是只在节点被选中时加载其子节点，从而减少初次加载的数据量。

摘要由CSDN通过智能技术生成

简单来说就是注册，单击事件，点击一个节点，只是加载一层的子节点，逐步加载，下面是代码

function loadBranchInfo(branchNode){
	 $('#branch_id').combotree
     ({ 	
         data:[branchNode],
         panelWidth:200,
         panelHeight:300,
         valueField: 'id',
         textField: 'text',
         required: false,
         editable: true,
         onClick: function(node){
       		var branchId = node.id;
       		var childrenArr = $('#branch_id').combotree('tree').tree('getChildren',node.target);
       		if(childrenArr.length>1){
       			return false;
       		}
       		$.ajax({
       			type:'GET',
       			data:{"branchId":branchId},
 				url:CONTEXT_PATH+'/sysConfig.do?action=jsonBranchInfo',
 			    dataType:&#