easyui tree 自定义图标

easyui tree 自定义图标,第1张

我简单的说下好了,你去easyUI的源样式文件tree.css文件中修改.tree-folder(关闭时的样式)和.tree-folder-open(打开时的样式)的样式,里面有个url就是你要指定的图片!真郁闷我写的代码不知道为什么显示不出来!

你用Chrome的Development Tool可以发现,这个iconCls已经放进去了 但是没有显示。

我自己写了一个 tree-offline的css样式哈这个不算。

找到tree-icon的子元素然后改掉class就可以。

如下所示:

var icons = $(node.target).find("span.tree-icon")

if (icons) {

if (online) {

$(icons[0]).addClass("tree-file")

$(icons[0]).removeClass("tree-offline")

}

else {

$(icons[0]).addClass("tree-offline")

$(icons[0]).removeClass("tree-file")

}

}

P.S. 测试通过。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11948565.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存