EasyUI-tree 增加title显示

easyui使用$('$treeId').tree生成一棵树后，发现鼠标移到节点上面，无法自动弹出title提示，以下为我的解决方法：

一、首先使用firebug查看生成的树节点代码：

<div class="tree-node" node-id="164" style="cursor: pointer;">
<span class="tree-indent"></span>
<span class="tree-indent tree-join"></span>
<span class="tree-icon tree-file icon-page_excel"></span>
<span class="tree-title">用户管理</span>
</div>

由上面可以看出，在外面div中有一个node-id属性，并该Id值为节点值，如果在Tree事件onLoadSuccess中使用Jquery选择器来增加属性不是易如反掌？

二、增加一个遍历树节点并设置title的方法：

    function addTreeTitle(row){
        $.each(row,function(idx,val){
            $("[node-id='"+val.id+"']").attr('title',val.title+'->'+val.name);//设置title
            if(val.children){
                addTreeTitle(val.children);//如果还有子节点则继续遍历
            }
        });
    }

三、在tree中增加事件onLoadSuccess，代码如下：

onLoadSuccess:function(e,row){
       addTreeTitle(row);//调用上面定义的方法                
 }

最终使用firebug查看生成后的代码如下：

<div class="tree-node" node-id="36" style="cursor: pointer;" title="用戶管理->TdUser">
<span class="tree-indent"></span>
<span class="tree-indent tree-join"></span>
<span class="tree-icon tree-file icon-application"></span>
<span class="tree-title">用戶管理</span>
</div>

最终效果图：

本文由hongping626在CSDN首发，如需转载，请注明出处，谢谢！。