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

最新推荐文章于 2021-12-10 10:21:44 发布

转载最新推荐文章于 2021-12-10 10:21:44 发布 · 3.9k 阅读

文章标签：

#Easyui

本文介绍如何在 Combotree 控件中默认选中根节点，并提供两种实现方法。此外，还详细说明了如何获取 Combotree 中的所有节点，包括获取树对象、根节点及其子节点的具体步骤。

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

一、设置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.target);