easyui-tree 修改图标

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

猜你喜欢

转载自blog.csdn.net/junhua_xu/article/details/81667648