`
xfbbsnet
  • 浏览: 93640 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

ExtJS 树形结构的级联选择

UI 
阅读更多
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);
            }
        }
    }


分享到:
评论

相关推荐

    ExtJS4.2 tree 级联选择

    在ExtJS库中,Tree组件允许我们展示和操作数据以树形结构显示,而级联选择功能则意味着当用户选择一个节点时,它的所有子节点也会被自动选中,反之亦然,如果取消选中父节点,其所有子节点也将被取消选中。...

    ExtJS树形结构.docx

    总的来说,这段代码展示了如何在EXTJS中创建一个具有拖放、动画效果、可折叠和多级节点的树形结构,并且实现了节点选中状态的级联更新。这种树形结构常用于展示具有层次关系的数据,例如组织结构、文件系统或菜单等...

    Ext 树的级联选择扩展插件使用说明

    本篇文章将聚焦于Ext JS中的一个特定功能——级联选择的树形控件,并探讨其扩展插件的使用方法。 在Ext JS中,树形控件(Tree)是一种常见的数据展示形式,它允许用户以层级结构查看和操作数据。级联选择...

    Ext TreePanelrcheckbox级联选择的实现

    在实际应用中,我们经常需要处理树形结构的复选框,实现级联选择功能,即当父节点被选中时,其所有子节点自动被选中,反之亦然。这篇博客“Ext TreePanelrcheckbox级联选择的实现”就专注于探讨这个主题。 首先,...

    Extjs4下拉树菜单ComboBoxTree支持单选和多选并且支持展开选中指定节点的通用控件

    ComboBoxTree将这两者融合,创建了一个下拉树菜单,用户可以在其中浏览和选择树形结构的数据。 要实现单选功能,ComboBoxTree可能使用了Ext.selection.Model类,通过配置singleSelect选项来限制用户只能选择一个...

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    在ExtJS 4.x框架中,ComboboxTree是一种特殊的组件,它将传统的下拉框与树形结构结合在一起,提供了一种更为灵活的用户输入方式。这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或...

    ExtJs_树形机构封装使用说明

    ### ExtJs树形结构封装使用说明 #### 一、概述 在现代Web开发中,树形结构是非常常见的一种数据展示方式,特别是在企业级应用中,用于展现组织结构、文件系统等场景。ExtJs是一个功能强大的JavaScript框架,它提供...

    extjs3.X 带复选框的树

    总的来说,带复选框的树在ExtJS 3.x中是一个强大的功能,它结合了树形结构和复选框的选择机制,为用户提供了一种直观且高效的方式来操作层级数据。理解和实现这样的功能,对提升ExtJS应用的用户体验至关重要。

    Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码

    TreePanel继承自Panel,它利用Ext.tree.TreeNode节点对象来构建树形结构,并提供了丰富的属性和方法供开发者使用,从而实现复杂的功能。 在TreePanel中,TreeNode节点代表树中的一个节点,它的常用属性包括: - ...

    ExtJs4 Checkbox tree

    ExtJs4 Checkbox Tree是基于ExtJs 4框架实现的一种特殊树形组件,它在传统的树形结构基础上增加了复选框功能。这种组件常用于需要用户多选树形数据的场景,比如权限设置、目录选择等。下面将详细介绍ExtJs4 Checkbox...

    extjs4带checked的treegrid.rar

    TreeGrid是ExtJS 4中的一个组件,它结合了树形结构和表格的功能,允许用户以表格的形式查看和操作树节点。 在ExtJS 4中,TreeGrid是由TreePanel和GridPanel两种组件融合而成。TreePanel负责展示树形结构,而...

Global site tag (gtag.js) - Google Analytics