$("#tree").tree({
url: 'xxx', // 默认是post请求
checkbox: false,
animate: true,
lines: true,
loadFilter: function(rows){
// 返回要显示的过滤数据。返回数据时以标准树格式返回的。也就是说把一个数组转换成树的json数组 格式返回
return convert(rows);
},
onSelect: function (node) {
$('#tree').tree("reload", node.target);
}
});
function convert(rows){
function exists(rows, parentId){
for(var i=0; i<rows.length; i++){
if (rows[i].id == parentId) return true;
}
return false;
}
var nodes = [];
for(var i=0; i<rows.length; i++){
var row = rows[i];
if (!exists(rows, row.parentId)){
nodes.push({
id:row.id,
text:row.terminalName,
iconCls:row.icon,
parentId:row.parentId,
parentName:row.parentName,
state:"cl
easyUI Tree树动态刷新子节点
最新推荐文章于 2021-01-20 02:38:30 发布
本文介绍了easyUI Tree组件如何实现动态刷新子节点的功能。内容涉及到节点的属性配置,如id、text、iconCls、checked和state,以及如何通过attributes绑定自定义属性。在异步加载场景下,当点击没有children的节点时,会将节点id传给后台,后台返回的数据格式依然遵循easyUI Tree的标准格式,以实现动态加载效果。
摘要由CSDN通过智能技术生成