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

ext 4 check tree 联动选择

 
阅读更多

转自:http://yaoba.iteye.com/blog/1006445

 

 


 var tree = Ext.create('Ext.tree.Panel', {
  .....
  viewConfig : {
   onCheckboxChange : function(e, t) {
    var item = e.getTarget(this.getItemSelector(), this
        .getTargetEl()), record;
    if (item) {
     record = this.getRecord(item);
     var check = !record.get('checked');
     record.set('checked', check);

     if (check) {
      record.bubble(function(parentNode) {
         parentNode.set('checked', true);
        });
      record.cascadeBy(function(node) {
         node.set('checked', true);
        });
     } else {
      record.cascadeBy(function(node) {
         node.set('checked', false);
        });
     }
    }
   }
  }
 });
});

     

分享到:
评论

相关推荐

    Ext checktree

    4. **数据绑定**:与Ext JS中的其他组件一样,checktree可以绑定到数据源(如Store),动态加载和更新树结构。数据源可以是JSON、XML或其他格式,通过配置`root`属性来定义根节点。 5. **自定义节点模板**:可以通过...

    Rails中应用Ext.tree:以中国的省市地区三级联动选择为例

    本篇文章将深入探讨如何在Rails中利用`acts_as_nested_set` gem来实现中国省市地区的三级联动选择功能。这个功能常见于地址填写、配送区域设定等场景,用户可以从一个下拉菜单中逐级选择省、市、区,每一级的选择...

    EXT TREE 扩展CHECKBOX JS

    总的来说,EXT TREE扩展CHECKBOX JS是一项实用的功能,它使得EXT JS的树形组件能够更好地满足多选和交互的需求,适用于那些需要用户对层次结构数据进行选择的应用场景。通过深入理解并利用`Ext.tree.TreeCheckNodeUI...

    ext4 四种常见的tree

    EXT4支持多种数据结构,其中包括了描述文件系统树形结构的“tree”概念。在EXT4中,文件和目录被组织成一棵层次化的树形结构,允许快速地查找、创建和管理文件。 在编程和用户界面设计中,"tree"通常指的是可视化...

    ext combobox二级联动

    ext,ext combobox,ext二级联动,ext combobox二级联动 ___本人的原则:上传好东西,但绝不便宜.因为自己的心血 ext combobox二级联动,ext ,ext combobox,combobox,combobox二级联动,ext 二级联动 groupCombo.on('...

    ext grid tree 应用

    在EXT JS框架中,"ext grid tree 应用"是一个常见的功能组合,它结合了Grid面板和Tree面板的优势,用于展示复杂的数据结构。Grid通常用于显示二维表格数据,而Tree则用于展示层次化的数据。在这个例子中,开发者通过...

    ext TREE

    EXT JS Tree组件的高级特性还包括树节点的检查框、分页加载、拖放排序等,开发者可以根据项目的具体需求选择使用。总之,EXT JS Tree组件是一个功能强大且灵活的工具,对于需要展示层次信息的Web应用来说,它提供了...

    Ext.tree.TreeLoader附带封装的json类

    在本文中,我们将深入探讨`Ext.tree.TreeLoader`与JSON数据在Ext JS框架中的应用。`Ext.tree.TreeLoader`是Ext JS库中的一个组件,它负责加载和解析树形结构的数据,而JSON(JavaScript Object Notation)则是一种轻...

    Ext 带多选的Tree

    "Ext 带多选的Tree"指的是在EXT JS的Tree组件中集成了多选功能,允许用户通过复选框来选择多个树节点,从而实现批量操作或者进行多级数据的选择。 在EXT JS中,Tree组件通常是通过`Ext.tree.Panel`类创建的,它提供...

    EXT tree 使用 实例 最新

    EXT Tree提供了丰富的功能,包括节点的动态加载、拖放操作、节点选择以及自定义图标和样式。 在EXT Tree的使用实例中,我们通常会涉及到以下几个关键知识点: 1. **配置项与属性**:EXT Tree允许通过配置项定制其...

    Ext tree json 动态加载完美实例

    在本文中,我们将深入探讨如何使用Ext JS的Tree Panel与JSON数据进行动态加载,并实现多选和单选功能。Ext JS是一种强大的JavaScript库,用于构建富客户端应用,而Tree Panel则是展示层次结构数据的一种组件。在后台...

    oa.rar_ext_ext java oa_ext oa_ext tree_java ext tree

    标题中的"oa.rar_ext_ext java oa_ext oa_ext tree_java ext tree"似乎是一个组合字符串,它可能代表了某个项目或教程的文件结构。其中,“oa”可能是项目或系统的名称,而“ext”、“java”、“oa_ext”、“tree_...

    用Ext 2.0 combobox 做的省份和城市联动选择框的例程

    在本文中,我们将深入探讨如何使用Ext 2.0的ComboBox组件实现省份和城市联动选择框的功能。Ext是一个强大的JavaScript库,它提供了丰富的用户界面组件,包括ComboBox,用于创建下拉选择框。在这个例程中,我们将看到...

    Ext 中的Tree实现不同节点不同的右键菜单

    本篇将深入探讨如何在`Ext JS`中实现Tree组件的不同节点拥有不同的右键菜单,这对于提供定制化的用户体验是非常有用的。 `Ext JS`的Tree组件是一个可扩展的树形结构,用于展示层级数据。在默认情况下,Tree的所有...

    ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree

    【标题】"ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree" 暗示这是一个关于Ext JS库中TreePanel组件的实例,其中可能包含了用于创建和管理数据结构的树形视图,以及与数据库交互的功能。 【描述】"ext的树的...

    Ext.Tree.Panel

    `Ext.Tree.Panel`是EXT JS库中的一个重要组件,用于展示层次结构的数据,通常用作树形菜单或文件系统目录的视图。这个组件是EXT JS框架中用于创建交互式、可扩展的树结构的工具。以下是对`Ext.Tree.Panel`相关知识的...

    JSP EXT 遍历 TREE

    最后,dmtest.jsp是我们的主JSP页面,它可能包含了EXT的配置和布局,以及调用前述的example4.js中的函数来初始化和操作TREE。在JSP页面中,我们可能看到类似以下的代码片段: ```jsp <%@ taglib prefix="ext" uri=...

    Ext-tree加载

    Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载Ext-tree加载

    EXT Tree的简单实践

    4. **配置项**:EXT Tree 可以通过大量配置项进行定制。比如,`rootVisible` 控制根节点是否可见,`displayField` 指定显示节点的字段,`useSimpleItems` 是否简化节点渲染,`loadMask` 是否显示加载遮罩等。 5. **...

Global site tag (gtag.js) - Google Analytics