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

extjs4 checktree父节点和子节点选中控制(权限控制树)

阅读更多

 为树面板添加监听器 

listener:

{

checkchange : function(node, checked) {
   if (checked == true) {
    node.checked = checked;
    // console.dir(node.parentNode);
    //alert(node.get("leaf"));

    //获得父节点
    pNode = node.parentNode;

  //当checked == true通过循环将所有父节点选中
    for (; pNode != null; pNode = pNode.parentNode) {
     pNode.set("checked", true);
    }
   }

  //当该节点有子节点时,将所有子节点选中删除
   if (!node.get("leaf") && !checked)
      node.cascade(function(node){
     node.set('checked', false);
     
    });

}

分享到:
评论

相关推荐

    ExtJs4 Checkbox tree

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

    extjs带复选框的树包括全选 反选 子选父以及 父选子

    4. **父选子**:当父节点的复选框被选中或取消选中时,所有子节点的选中状态也应同步。同样,也需要监听`checkchange`事件,并遍历子节点进行状态同步。 在JSP页面上,ExtJS与ADF(Oracle Application Development ...

    获取Extjs中的TreePanel中所有的被checked的叶子节点的id

    在本篇文章中,我们将深入探讨如何在ExtJS框架中获取TreePanel中所有被选中(checked)的叶子节点的ID。此技术对于处理复杂的数据结构、优化用户交互体验以及实现高效的数据管理至关重要。 ### 一、ExtJS简介 ...

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

    在这个特定的情况下,我们讨论的是一个定制的下拉树菜单控件——ComboBoxTree,它在ExtJS4中实现了单选和多选功能,并且具备展开选中指定节点的能力。这个控件在实际项目中已经被广泛使用并证明了其稳定性和实用性,...

    父节点选中自动选中其相应的子节点(转别人的)

    根据提供的标题、描述、标签及部分内容,我们可以了解到这篇文章主要探讨的是如何在树形结构(Tree)控件中实现“父节点选中时自动选中其所有子节点”的功能,并且遇到了`node.attributes is undefined`的问题。...

    ExtJS4.2 tree 级联选择

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

    Extjs4 Combox tree

    7. **API**:ExtJS4的ComboxTree有丰富的API方法,如`expandAll()`用于展开所有节点,`collapseAll()`用于折叠所有节点,`getSelection()`获取当前选中的节点,`select()`用于手动选中指定节点。 8. **自定义节点...

    checktree例子.txt

    当节点被选中或取消选中时,该函数会检查节点的父节点,并相应地更新父节点的选中状态,确保树的选中状态一致。 此外,代码中还包含了初始化树的方法`authorityTree`,它通过Ajax请求从服务器获取数据,然后构建树...

    关于extjs treepanel复选框选中父节点与子节点的问题

    整个过程的核心在于`checkchange`事件的处理,通过监听并响应复选框的变化,我们可以确保父节点和子节点之间的关联性得到正确维护。这种方式在需要管理具有层级关系的选项时非常有用,如权限管理、目录选择等场景。 ...

    Extjs动态树的实现以及节点拖拽

    总的来说,ExtJS动态树的实现和节点拖拽涉及前端和后端的多个技术层面,包括JavaScript库的使用、事件监听、数据模型的处理、与服务器的通信以及数据库操作。掌握这些技能,开发者可以创建出功能强大且用户体验优秀...

    Extjs 加载数据库 生成tree

    通过java 访问数据库而生成节点 子节点的 ID 与 父节点的关系为“父节点id_子节点id”此id为数据库中的id 同理“父节点id_子节点id_子子节点id”,因此加载树时将node.id做为参数 通过split("_"),根据数据的长度就...

    tree 动态树 extjs ajax

    7. **权限控制**:根据用户角色控制节点的可见性和可操作性。 **langsinext** 文件名称"langsinext"可能指的是一个特定的ExtJS项目或者库,可能是用来实现上述功能的一个示例或扩展。具体的功能和使用方法可能需要...

    Extjs4 下拉树 TreeCombo

    ExtJS 4 下拉树(TreeCombo)是一种组合控件,它将传统的下拉框与树形结构结合在一起,提供了一种在有限空间内展示层级数据的高效方式。这种控件在很多场合都非常实用,例如在需要用户选择分类或者层级结构的场景中...

    Extjs树(tree)控件

    详细说明了extjs中的树控件,正确无误的说明extjs树控件的强大之处

    Extjs的Tree和Tab使用json做tree数据交互

    总结,ExtJS的Tree和Tab组件结合JSON数据,可以创建出强大的用户界面,让用户能够以树形结构浏览数据,并通过选择节点在不同页面间切换。通过熟练掌握这些技术,开发者可以构建出功能丰富的Web应用程序。

    extjs 树 搜索

    只有当用户展开父节点时,才会请求并加载其子节点,这样可以显著提高性能。 8. **搜索性能优化**:在处理大量数据时,可以考虑对树进行分页,或者在搜索时只过滤可视部分的节点,而不是整个树。 9. **事件监听**:...

    ExtJs_TreeDemo

    ExtJs支持树形菜单的拖放操作,通过`ddConfig`配置项启用,并结合`Ext.dd.DDProxy`和`Ext.dd.DDTarget`实现节点拖放。 8. **多选与复选框**: 通过`selType: 'checkbox'`配置项启用复选框选择,并配合`selModel`...

    extjs的tree的使用

    模型中应包含字段定义,这些字段将被用来存储节点的ID、父节点ID、文本、图标等信息。 2. **加载数据**:接着,你可以通过Ajax请求或直接在代码中定义数据源来填充Tree组件。数据源可以是服务器返回的JSON格式数据...

    extjs ajax tree(js动态树,无需递归)

    ExtJS AJAX Tree是一种基于JavaScript的动态树形结构,它利用AJAX技术来异步加载节点数据,无需在服务器端生成完整的树结构。这种方式可以显著提高页面加载速度,尤其是在处理大量数据时。ExtJS是一个功能丰富的...

    extjs4_权限系统

    标题“extjs4_权限系统”表明我们正在讨论一个基于ExtJS 4框架构建的权限管理系统。ExtJS是一个流行的JavaScript库,用于构建交互式的、数据驱动的Web应用程序。这个系统显然是为了管理用户权限,允许控制不同用户...

Global site tag (gtag.js) - Google Analytics