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