`
wjm901215
  • 浏览: 154946 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

EXT 点击父节点 子节点全部选中

阅读更多

clientMenu_update.on('checkchange', function(node, flag) {
    // 获取所有子节点
    node.cascade(function(node) {
       node.attributes.checked = flag;
       node.ui.checkbox.checked = flag;
       return true;
      });
    // 获取所有父节点
    var pNode = node.parentNode;
    try {
     for (; pNode.id != "root"; pNode = pNode.parentNode) {
      if (flag || tree.getChecked(id, node.parentNode) == "") {
       pNode.ui.checkbox.checked = flag;
       pNode.attributes.checked = flag;
      }
     }
    } catch (e) {
    }
   });
clientMenu_update 是treepanel对象

 

获得选择的 父节点和子节点

 

var node = clientMenu_update.getChecked();
      for (i = 0; i < node.length; i++) {
       clientTreeids_update += node[i].id + ","
       clientTreevalues_update += node[i].text + ","
       // alert(node[i].text);
       // node.childNodes.getUI().checkbox.checked = state
      }

分享到:
评论

相关推荐

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

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

    Ext TreePanel Checked Ext复选框树

    2. **父节点与子节点的联动**:描述中提到的“选中父节点,自动选中子节点;选中子节点,自动遍历选中父节点”是复选框树的一个重要特性。这被称为“级联选中”或“全选/全不选”模式。当父节点被选中时,其所有子...

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

    在本例中,我们关注的是如何实现一个带有复选框的TreePanel,以便在选中父节点时自动选中所有子节点,而只有当所有子节点都未被选中时,父节点才能被取消选中。 首先,我们创建了一个新的Ext.tree.TreePanel实例,...

    Ext.net TreePanel的Checkbox操作及父子节点联动(修正)

    在父子节点联动的实现上,我们需要确保当用户选中一个子节点时,其父节点也自动被选中。反之,如果父节点被选中,所有子节点也应该被选中。EXT.NET提供了`CheckChange`事件来处理这种联动行为。在修正的版本中,我们...

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

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

    Ext.net TreePanel的Checkbox操作及父子联动

    - `AutoCheckChildren`:类似`CascadeCheck`,但只在父节点的选中状态改变时自动更新子节点的状态,不考虑子节点的初始状态。 3. **示例DEMO**: 在提供的`ExtNet12Examples`压缩包中,可能包含了展示上述功能的...

    EXT 树形结构样例

    在EXT Tree中,JSON数据通常包含节点的信息,如文本、图标、是否可选中、是否有子节点等。一个基本的EXT Tree JSON数据结构可能如下所示: ```json { "text": "父节点", "children": [ { "text": "子节点1", ...

    Ext TreePanelrcheckbox级联选择的实现

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

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

    级联选择(Cascading Selection)则是指当用户选中一个节点时,其所有子节点都会自动被选中,反之,如果取消选中父节点,所有子节点也会随之被取消选中。这种功能在组织结构、文件系统或权限管理等场景下非常有用。 ...

    我搜集来的关于ext树的材料

    反之,如果一个父节点的所有子节点都被取消选中,那么该父节点也会被取消选中。这种递归检查和反检查的逻辑在权限管理中非常常见。 此外,EXT树还支持节点的展开和折叠,以及节点的拖放操作,这些都是通过`...

    Ext_Tree属性方法

    - **isLast()**:判断当前节点是否为其父节点的最后一个子节点。 - **isLeaf()**:判断当前节点是否为叶子节点。 - **item(Number index)**:获取指定索引位置的子节点。 - **remove()**:从其父节点中删除当前节点...

    Ext下拉列表树

    2. **数据模型**:树形数据需要遵循特定的模式,通常使用`Ext.data.TreeModel`,其中包含子节点和父节点的关系。数据源可以是JSON格式,每个节点包括`text`(显示文本)、`expanded`(是否默认展开)、`children`...

    ext tree grid 的高级实例运用

    用户不仅可以选中单个节点,还能一次性选择父节点及其所有子节点。这在处理层次结构数据时特别有用,比如在组织结构、文件系统或权限分配等场景下。 通过阅读并实践这个"ext-test-html"中的示例代码,开发者可以...

    extjs关于treePanel+chekBox全部选中以及清空选中问题探讨

    在`checkchange`事件处理器中,当一个节点的选中状态改变时,会检查该节点的父节点,并根据子节点的状态调整父节点的选中状态。这确保了树结构中父子节点的关联性。 接下来是两个操作按钮,一个用于清空所有选中的...

    ExtJs树形结构 ext的简单应用

    这些数据可以是JSON对象,包含节点的ID、文本、父节点ID等属性。例如: ```javascript var treeData = [ { id: '1', text: '节点1', children: [{ id: '1.1', text: '子节点1.1' }] }, { id: '2', text: '节点2'...

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

    - setParentCheckedFalse函数用于检查当前节点的父节点,如果其下所有子节点都不是选中状态,那么父节点也不应该被选中。 通过上述方法,我们可以在TreePanel中实现树状菜单的级联选中效果,使得用户界面更加友好,...

    好用的复选树源码改进版

    点击节点时,需要更新其选中状态,并可能影响其父节点和子节点的状态。 3. **事件处理**:监听用户操作,如点击节点、全选/全取消、反选等,这些事件触发相应的状态变更,并可能需要触发回调函数以通知后端或其他...

    EXT组件初学者教程 grid+tree+window+描述文档

    - Tree具有勾选功能,可以通过设置checkField和checkboxModel来实现节点的勾选状态同步,比如点击子节点自动勾选父节点,点击父节点自动勾选所有子节点。 3. **EXTJS Window组件**: - Window是浮动的弹出窗口,...

    ExtJS4.2 tree 级联选择

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

Global site tag (gtag.js) - Google Analytics