easyui中tree树默认展开第一个根节点?

Posted 2023-05-01

easyui中tree树里面需要默认第一个根节点是展开的；其他所有节点都是收缩的。

每个节点都具备以下属性：
id：节点ID，对加载远程数据很重要。
text：显示节点文本。
state：节点状态，'open' 或 
        'closed'，默认：'open'。如果为'closed'的时候，将不自动展开该节点。
checked：表示该节点是否被选中。
attributes: 被添加到节点的自定义属性。
children: 一个节点数组声明了若干节点

设置一下state属性就可以了

参考技术A onLoadSuccess:function()$(this).tree('collapseAll');$(this).tree('expand',$(this).tree('getRoot').target); 手打的，缩进不好看😃

在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 //关闭后

本回答被提问者采纳