tree.on('checkchange', function(node, checked) {
selParent(node, checked);
selChild(node, checked);
}, tree);
//这个方法是选择父节点,自动选中所有的子节点
function selParent(node, checked) {
checked ? node.expand() : node.collapse();
if (node.hasChildNodes()) {
node.eachChild(function(child) {
child.attributes.checked = checked;
var cb = child.ui.checkbox;
if (cb) cb.checked = checked;
selParent(child, checked);
});
}
}
//这个方法是选择子节点,自动选中父节点的父节点
function selChild(node, checked) {
if (checked) {
node.expand();
var parentNode = node.parentNode;
if (parentNode != undefined) {
parentNode.attributes.checked = checked;
var cb = parentNode.ui.checkbox;
if (cb) cb.checked = checked;
selChild(parentNode, checked);
}
}
}
分享到:
相关推荐
在ExtJS库中,Tree组件允许我们展示和操作数据以树形结构显示,而级联选择功能则意味着当用户选择一个节点时,它的所有子节点也会被自动选中,反之亦然,如果取消选中父节点,其所有子节点也将被取消选中。...
总的来说,这段代码展示了如何在EXTJS中创建一个具有拖放、动画效果、可折叠和多级节点的树形结构,并且实现了节点选中状态的级联更新。这种树形结构常用于展示具有层次关系的数据,例如组织结构、文件系统或菜单等...
本篇文章将聚焦于Ext JS中的一个特定功能——级联选择的树形控件,并探讨其扩展插件的使用方法。 在Ext JS中,树形控件(Tree)是一种常见的数据展示形式,它允许用户以层级结构查看和操作数据。级联选择...
在实际应用中,我们经常需要处理树形结构的复选框,实现级联选择功能,即当父节点被选中时,其所有子节点自动被选中,反之亦然。这篇博客“Ext TreePanelrcheckbox级联选择的实现”就专注于探讨这个主题。 首先,...
ComboBoxTree将这两者融合,创建了一个下拉树菜单,用户可以在其中浏览和选择树形结构的数据。 要实现单选功能,ComboBoxTree可能使用了Ext.selection.Model类,通过配置singleSelect选项来限制用户只能选择一个...
在ExtJS 4.x框架中,ComboboxTree是一种特殊的组件,它将传统的下拉框与树形结构结合在一起,提供了一种更为灵活的用户输入方式。这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或...
### ExtJs树形结构封装使用说明 #### 一、概述 在现代Web开发中,树形结构是非常常见的一种数据展示方式,特别是在企业级应用中,用于展现组织结构、文件系统等场景。ExtJs是一个功能强大的JavaScript框架,它提供...
总的来说,带复选框的树在ExtJS 3.x中是一个强大的功能,它结合了树形结构和复选框的选择机制,为用户提供了一种直观且高效的方式来操作层级数据。理解和实现这样的功能,对提升ExtJS应用的用户体验至关重要。
TreePanel继承自Panel,它利用Ext.tree.TreeNode节点对象来构建树形结构,并提供了丰富的属性和方法供开发者使用,从而实现复杂的功能。 在TreePanel中,TreeNode节点代表树中的一个节点,它的常用属性包括: - ...
ExtJs4 Checkbox Tree是基于ExtJs 4框架实现的一种特殊树形组件,它在传统的树形结构基础上增加了复选框功能。这种组件常用于需要用户多选树形数据的场景,比如权限设置、目录选择等。下面将详细介绍ExtJs4 Checkbox...
TreeGrid是ExtJS 4中的一个组件,它结合了树形结构和表格的功能,允许用户以表格的形式查看和操作树节点。 在ExtJS 4中,TreeGrid是由TreePanel和GridPanel两种组件融合而成。TreePanel负责展示树形结构,而...