easyui树自定义属性解决方法

最新推荐文章于 2018-12-25 11:52:00 发布

weixin_33958585

最新推荐文章于 2018-12-25 11:52:00 发布

阅读量158

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2331760/blog/411315

本文介绍了一种在EasyUI中使用自定义属性的方法。通过创建一个无用的div元素来存储属性，并在需要时通过该div获取这些属性。这种方法避免了在转换成树结构时丢失自定义属性的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

在easyui的后台json中，有一个attribuate属性，可以自定义任何属性，不过在我的应用中，我不怎么喜欢传json，而是直接在前台写好树的ul li。现在我分享一个我做自定义属性的办法，请大家指教！

　　总体意思是，写一个无用的div，把相关属性写在上面，要用的时候通过这个div去取属性。代码如下：

　<ul id="indexMenu"> 
            <li id="1"> 
                <span>
                        <div id="p" menuDepth="a">系统菜单</div>
                </span> 
            </li> 
  <ul> 
  <javascript> 
            var node = $('#indexMenu').tree('getSelected'); 
            alert(node.id);//取节点的id                                                                             alert($("#p",node.target).attr("menuDepth"));//取节点的深度（自定义属性） 
  </javascript>

　　因为easyu把ul li转变成tree的时候，会把li span等相关属性都重写，因此所有尝试在li、span 等标签上添加自定义义属性都失败了，不过树内容不会被修改，而我就是利用了这一点！

转载于:https://my.oschina.net/u/2331760/blog/411315