easyui tree 图标怎么换

Posted 2023-04-12

你用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. 测试通过。 参考技术A 在 li 中加入 data-options=" iconCls:'类名' " ，就会在图标元素上（是一个span）加入一个类名
，在样式表中写入这个类的样式就能改图标样式了
eg：
<style>.none display:none</style>
<li data-options="state:'closed',iconCls:'none'" >
这样就能去掉图标 参考技术B 找到原来图片的路径，改了他。或者直接去文件夹里替换了他拿张图片的路径，不过新图片的名称要和原来的一样。

在jquery easyui tree 中如何判断节点的状态是展开/关闭

每个节点前都有一个小三角的图标，我现在想问的就是：假如节点默认是关闭的，我想点小三角展开节点的时候处理业务，请问该如何判断该图标被点击了呢 ？

判断节点的"state"属性，如果是"open"则是展开，如果是"closed"则是关闭

$('#tree').tree(
onClick : function(node) 
if (!$('#tree').tree('isLeaf', node.target)) 
if ('open' == node.state) 
$('#tree').tree('collapse', node.target);
 else 
$('#tree').tree('expand', node.target);



);

参考技术A $('#树id').tree(
//单击事件 node 被点击的节点
onClick:function(node)
,
//节电的双击事件
onDbClick:function(node)

);追问

可以用 onExpand事件

追答

onExpand 我没试过，应该是节点打开时触发的事件

追问

对的。。
onBeforeExpand //打开之前
onExpand //打开时
onBeforeCollapse //关闭前
onCollapse //关闭后

本回答被提问者采纳