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;
}