easui tree载入时自动展开无子节点的节点

最新推荐文章于 2024-03-04 09:24:13 发布

handsometone1982

最新推荐文章于 2024-03-04 09:24:13 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript & jquery css & 网页技术

本文链接：https://blog.youkuaiyun.com/handsometone1982/article/details/9377649

javascript & jquery 同时被 2 个专栏收录

25 篇文章

订阅专栏

css & 网页技术

12 篇文章

订阅专栏

本文介绍如何通过loadFilter函数处理后台返回的数据，实现对树形结构中节点状态的智能调整，根据是否存在子节点来设定节点的打开或关闭状态。

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

利用loadFilter对后台返回的原始数据进行过滤处理，将数据中的state字段修改相应的值，若无子节点，则改成open，若有子节点，则改成closed。

由于一个node属性只有下面几项内容，因此利用checked字段，于是有了下面的sql查询语句，

id: An identity value bind to the node.
text: Text to be showed.
iconCls: The css class to display icon.
checked: Whether the node is checked.
state: The node state, 'open' or 'closed'.
attributes: Custom attributes bind to the node.
target: Target DOM object.

string sql = "SELECT     id,  text, 是否有子节点 as checked FROM table where  父节点 =@father";

前台javascript语句：

$(function () {
            $('#tree').tree({
                animate: true,
                url: 'handler/PostDataHandler.ashx?type=9',
                lines: true,

                loadFilter: function (data, parent) {
                    for (var i = 0; i < data.length; i++) {
                        if (data[i].checked == "False") {
                            data[i].state = "open";
                        }
                    }
                    return data;
                }
            });
        })