`
wuhaowei12345
  • 浏览: 45052 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ext.tree.panel 通过celldbClick 得到column

阅读更多
celldblclick:function(_this, td, cellIndex, _record, tr, rowIndex, e, eOpts){
                    var record=_this.getGridColumns()[cellIndex];
                    if(record.text=='时间'){
                        Ext.Msg.confirm('提示', '是否录入当前时间的数据?', function(btn) {
                            if (btn === 'yes') {
                                var dt = new Date();
                                record.setText(Ext.Date.format(dt, 'H:i:s'));
                                record.setEditor( {xtype:'textfield'} );
                            }
                        });
                    }
                }

EXTJS 4.2以后改了treepanel为tree.panel,里面没有了getColumnModel()方法。所以,当使用tree.panel的时候,很难通过单击或者双击cell来得到column对象。找了好久,终于好了。通过
   treepanel.getView().getGridColumns()[cellIndex](注:方框后也可以是列的dataindex)
分享到:
评论

相关推荐

    editTreeGrid ext可编辑的treegridpanel

    TreeGrid在EXT JS中通常用作`Ext.tree.Panel`的变体,具有表格的列模型和排序功能。 3. **可编辑性** `editTreeGrid`的核心特性是其可编辑性,这意味着用户可以直接在TreeGrid的单元格中修改数据。EXT JS提供了`...

    ext 资源汇总

    EXT.tree.Panel是树的基础,EXT.tree.View负责渲染节点,EXT.tree.NodeInterface定义了树节点的行为。EXT.tree.Column用于设置树节点列的显示,EXT.tree.LoadMask可以在加载数据时显示遮罩。 4. **独立文件和注释**...

    Ext Js权威指南(.zip.001

    7.5.11 树节点:ext.data.nodeinterface与ext.data.tree / 364 7.5.12 store的方法 / 366 7.5.13 store的事件 / 368 7.5.14 store管理器:ext.data.storemanager / 369 7.6 综合实例 / 369 7.6.1 远程读取json...

    Ext下拉树、下拉表格

    3. 创建树节点:使用Ext.tree.Panel或Ext.tree.View创建树结构,并配置数据源。 4. 将树转换为下拉菜单:使用Ext.form.field.ComboBox,配置其store为树数据模型,并设置displayField为显示的字段,valueField为选择...

    ExtJSWeb应用程序开发指南(第2版)

    6.12 Ext.util.TextMetrics得到块状化文本规格 6.12.1 块的绑定 6.12.2 实例化对象 6.12.3 获取文本的高度 6.12.4 获取文本的宽、高 6.12.5 获取文本的宽度 6.12.6 获取指定节点内文本块的宽、高 6.12.7 指定...

    Packtpub.Ext.JS.3.0.Cookbook.Oct.2009

    《Packtpub.Ext.JS.3.0.Cookbook.Oct.2009》是一部专注于Ext JS 3.0框架的实战指南,由Packtpub出版社于2009年10月出版。这本书旨在帮助开发者充分利用Ext JS 3.0的功能,构建高效、美观的Web应用程序。Ext JS是一个...

    ExtJS中editable-column-tree组件的使用 示例

    要实现`editable-column-tree`,首先需要创建一个基本的`Ext.tree.Panel`实例,然后配置其`columns`属性来定义可编辑的列。每列可以通过设置`editor`属性来指定编辑器类型,例如`Ext.form.field.Text`、`Ext.form....

    ExtJS-3.4.0系列目录

    - **Ext.tree.Panel**:用于展示树形结构的数据,包含配置项和方法,如节点的添加、删除和操作。 7. **数据模型(Model)** - **ExtJS Model**:数据实体模型,用于定义数据结构和关联规则,方便数据操作和绑定。...

    Ext用户扩展控件-----树形表格

    开发者可以使用`Ext.tree.Column`来定义列,就像在普通的`Ext.grid.Panel`中一样。同时,还需要配置`store`来管理数据,这个store不仅需要支持树型结构,还需要支持表格数据的展示。通常,数据源会包含`children`...

    extjs4 treeGrid实例

    在ExtJS4中,TreeGrid主要由`Ext.tree.Panel`类定义,它扩展了`Ext.grid.Panel`,因此具备了表格的所有功能,同时也包含了树结构的特性。 创建一个TreeGrid的第一步是定义模型(Model)。模型定义了数据的字段及其...

    TreePanel基本使用

    var treePanel = Ext.create('Ext.tree.Panel', { title: '文件系统', width: 200, height: 300, renderTo: Ext.getBody(), // 渲染到body store: myTreeStore, // 使用的store rootVisible: true // 是否...

    用JS做TREE,请大家多多学习下

    var tree = Ext.create('Ext.tree.Panel', { title: '我的树', width: 200, height: 200, store: store, rootVisible: true, // 是否显示根节点 renderTo: Ext.getBody() }); } }); Ext.define('TreeNode'...

    Extjs 自定义树结构实现以及动态表头实现

    1. **TreePanel**:在ExtJS中,树结构主要通过`Ext.tree.Panel`(或简称为`TreePanel`)组件来实现。首先,我们需要创建一个TreePanel实例,并配置其`store`属性,该属性指向包含树节点数据的数据存储。 2. **...

    Ext经典例子整合 快速上手必看

    开发者可以通过配置Store的proxy和reader来指定数据源,以及设置Grid的column模型来定义列的显示。 5. **进度条**: EXTJS提供了ProgressBar组件,用于显示任务的进度状态,如文件上传、数据加载等。它可以通过...

    Ext3.4 demo

    3. **Tree Grid的组合**:Tree Grid是通过将Tree Panel与Grid Panel相结合来实现的,每个树节点都可以展开成一个Grid Panel,展示其子节点的具体数据。 4. **无限级**:无限级意味着树节点可以有无限多的子节点,这...

    ExtJs.MultiTreeField

    在技术层面上,MultiTreeField基于Ext.tree.Panel,它扩展了树形视图的展示方式,同时添加了多选功能。它包含以下关键组件和属性: 1. **Tree Store**:存储树结构数据,包括节点ID、父节点ID、文本、图标等信息。...

    extjs完成用户增删改查

    6. **表格(Grid)**:`Ext.grid.Panel`用于展示用户列表,通过配置列模型(Column Model)定义显示的列,通过`bind`属性将Store绑定到Grid,实时显示数据变化。 7. **行编辑(Row Editing)**:为了实现用户列表的...

    ext 3.0 中文API

    4. **Tree**:EXT的树形组件用于展示层次结构的数据,支持动态加载、拖放操作和节点的展开/折叠。 5. **Tab Panel**:通过Tab Panel,可以创建带有多个标签页的应用界面,每个标签页可以包含不同的组件或面板。 6....

    Extjs之布局

    var panel = new Ext.Panel({ renderTo: "hello", title: "容器组件", width: 200, height: 500, layout: "accordion", layoutConfig: { animate: true }, items: [ {title: "子元素1", html: "这是子元素...

    EXT2.0中文教程.7z

    2. **EXT组件**:EXT提供了大量预定义的UI组件,如面板(Panel)、表格(Grid)、树形视图(Tree)、表单(Form)等。教程会详细介绍如何创建、配置和使用这些组件,以构建复杂的Web界面。 3. **布局管理器**:EXT...

Global site tag (gtag.js) - Google Analytics