easyui tree点击展开优化，不点击+号或箭头也能展开

最新推荐文章于 2024-01-09 09:25:46 发布

转载最新推荐文章于 2024-01-09 09:25:46 发布 · 1.2k 阅读

文章标签：

#easyUI #jsp

本文介绍了一种使用jQuery为EasyUI树形组件添加展开与折叠功能的方法。通过监听节点选择事件，实现节点状态的切换，当节点处于关闭状态时自动展开，反之则折叠。这种方法可以增强树形结构的交互性和用户体验。

当前页面下添加如下代码

$(function () {
    $('.easyui-tree').tree({
        onSelect: function (node) {
            if (node.state == "closed")
                $(this).tree('expand', node.target);
            else
                $(this).tree('collapse', node.target);
        }
    });
});