您的位置:首页 > 产品设计 > UI/UE

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

2017-11-02 11:31 357 查看
简单来说就是注册,单击事件,点击一个节点,只是加载一层的子节点,逐步加载,下面是代码

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:'json',
success:function(data){
if(data.length==0){
$('#branch_id').combotree('showPanel');
return;
}
$('#branch_id').combotree('tree').tree('append', {
parent: node.target,
data: data
});

$('#branch_id').combotree('tree').tree("expandAll",node.target);
$('#branch_id').combotree('showPanel');

},
error:function(){
alert('机构信息加载失败');
}
});
},
onLoadSuccess: function (node, data) {
//回显时,默认选中的值
// $('#branch_id').combotree('tree').tree("collapseAll");
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐