Easyui combotree 获取根节点以及所有节点的方法

最新推荐文章于 2022-07-10 22:35:56 发布

蔚蓝色天空sky

最新推荐文章于 2022-07-10 22:35:56 发布

阅读量1.5w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Easyui 文章标签： easyui combotree

本文链接：https://blog.youkuaiyun.com/ytangdigl/article/details/73835862

Easyui 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了如何在Easyui的combotree组件中设置默认选中根节点并获取所有节点的详细步骤，包括利用combotree的tree对象进行节点操作的方法，强调combotree虽无getData方法，但可通过tree对象实现相关功能。

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

Easyui combotree 获取根节点以及所有节点的方法

一、设置combotree默认选中根节点
代码：

//初始设备类型下拉列表
$("#deviceType").combotree({
    panelHeight : 180,
    editable : false,
    idField : 'id',
    treeField : 'name',
    parentField: 'pid',
    url: "/dev/devType/queryDevTypes.do",
    loadFilter: function (data, parent) {
        var opt = $(this).data().tree.options;
        return treeFilter(data, opt);
    },
    onLoadSuccess: function(node, data){
        //默认值设置选中根节点 方法一：
        $('#deviceType').combotree('setValue', data[0].id);

        //默认值设置选中根节点 方法二：
        //获取combotree的树tree对象
        var tree = $('#deviceType').combotree('tree'); 
        //通过树tree对象获取根节点
        var root = tree.tree('getRoot'); 
        //设置默认选中根节点
        $("#deviceType").combotree("setValue",root.id);
    } 
});

二、combotree获取所有节点的方法及思路
1、获取combotree的树tree对象

var tree = $('#deviceType').combotree('tree');

2、获取根节点

var root = tree.tree('getRoot');

3、通过根节点获取根节点下的子节点

var children = tree.tree('getChildren',root);

三、小结
注：查看Easyui 文档，combotree继承自combo和tree。
这里写图片描述
ComboBox是有getData方法的。而combotree和combo是没有的。

通过$(‘#deviceType’).combotree(‘tree’)，可以获取combotree的树tree对象，然后通过树tree对象进行相关节点的操作。