jQWidgets jqxTree collapseItem() 方法

简介

collapseItem() 是 jQWidgets jqxTree 中的一个方法，它用于折叠指定 item 节点及其所有子节点。

用法

collapseItem() 方法的基本用法如下：

$('#jqxTree').jqxTree('collapseItem', itemElement);

• #jqxTree 是树形控件的 ID，可根据实际情况进行修改。
• itemElement 参数指定需要折叠的节点元素，可以是节点 ID、DOM 元素或 jQuery 对象。

该方法还可以接受一个可选的配置对象参数：

$('#jqxTree').jqxTree('collapseItem', itemElement, options);

配置对象参数

• animate: Boolean，表示是否使用动画折叠节点，默认为 true。
• expanded: Boolean，表示是否将节点状态设置为已折叠（默认为 false）。

示例

以下示例代码展示了使用 collapseItem() 方法折叠一个节点及其所有子节点：

// 定义树形控件的数据源
var source = [{
  label: 'Parent 1',
  items: [
    { label: 'Child 1.1' },
    { label: 'Child 1.2' },
    { label: 'Child 1.3' }
  ]
}, {
  label: 'Parent 2',
  items: [
    { label: 'Child 2.1' },
    { label: 'Child 2.2' },
    { label: 'Child 2.3' }
  ]
}];

// 初始化树形控件
$('#jqxTree').jqxTree({ 
  source: source,
  width: '200px',
  height: '250px'
});

// 获取需要折叠的节点元素
var itemElement = $('#jqxTree li:first-child')[0];

// 折叠节点
$('#jqxTree').jqxTree('collapseItem', itemElement);

参考链接

• jQWidgets jqxTree 官方文档