easyui的combotree的回显操作
程序员文章站
2022-05-18 20:48:29
...
area=urldata.area,area就是地区选择时的id。
连同编辑时根据获取的信息进行回显操作,本篇文章是对easyui的combotree的回显操作
//地区
get请求
$.get('/···/···/···'路径, {
pid: id, //参数
}, function (data) {
$('#area').combotree({
data:data.list,
width: '35%',
required: false,
onClick: function (node) {
if (!node.isLoaded) {
$.get('/···/···/···'路径, {
pid: node.id
}, function (data1) {
let childs = data1.list;
if (childs.length > 0) {
let tree = $('#area').combotree('tree')
//如果是tree组件 使用$('x').tree()即可
tree.tree('append', {
parent: node.target,
data: childs
});
//标记此节点已经加载过数据
tree.tree('update', {
target: node.target,
isLoaded: true
});
//意思为只能选择最底下层级
$('#area').combotree('showPanel');
$('#area').combotree('setText', '');
$('#area').val('');
}
});
}else if (!!node.children && node.children.length > 0) {
$('#area').combotree('showPanel');
$('#area').combotree('setText', '');
$('#area').val('');
}
}
});
//area代表回显时的id,
if(!!area){
$('#area').combotree('setValue', {
id: area,
text: urldata.areaName
});
}
});