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首发，如需转载，请注明出处，谢谢！。