easyui-tree默认子节点图标是文本图标,需求则是叶子节点也要用文件夹图标。修改tree的iconCls属性不管用,不管是什么图标都不行。有用的方法是将节点的state属性的值设为‘closed’,这时突变就变成了关闭的文件夹图标。其他图标怎么不知道,路过的各位帮忙指点一下
$('#tt').tree({
onClick : function(node){
// 点击展开或折叠
$('#tt').tree(node.state === 'closed' ? 'expand' : 'collapse', node.target);
// 如果是父节点,返回不做任何操作
if(node.children){
return;
}
});
$.ajax({
url : url+"queryMenu",
type : "post",
data : param,
dataType : "json",
success : function(data){
// 请求成功后,想数据拼接成easyui可自动渲染的数据结构
$.each(data, function(index, dd){
if(dd.childList){
dd = treeNode(dd);
}
})
$('#tt').tree('loadData', data);
}
});
// 得到easyui树可自动渲染的数据结构
var treeNode = function(data){
data.id = data.nodeId;
data.children = data.childList;
if(data.children){
$.each(data.children, function(ind, child){
child = treeNode(child);
})
}else{
// 如果是子节点设置状态为关闭
data.state = 'closed';
}
return data;
}
本文介绍如何将EasyUI Tree的叶子节点图标更改为文件夹图标。默认情况下,子节点显示文本图标,但通过设置节点的state属性为'closed',可以使其显示为关闭的文件夹图标。对于其他图标的变化,文章呼吁社区提供更多的解决方案。
9651

被折叠的 条评论
为什么被折叠?



