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

Ext.grid.ColumnModel 后期设置editor

EXT 
阅读更多
Ext.grid.EditorGridPanel 顾名思义就是可编辑的grid,不是仅仅展示给用户看,用户可以根据的需求添加字段,然后传入后台。我们可以在其中加TextField,comboBox 等form的控件,我们之前将Ext.grid.ColumnModel的某一列加上配置项editor就可以了。
但是动态怎么加上去呢?就是后期绑定:

gridCm.setEditor(index,ComboBox);
通过上面这个方法就可以了,但是需要注意的是ComboBox不是单单的new Ext.form.ComboBox就行了。要将它转化为 new Ext.grid.GridEditor
var ComboBox = new Ext.grid.GridEditor( new Ext.form.ComboBox({
         displayField:'name',
         valueField:'value',
         triggerAction:'all',
         style:'width:20px',
         width:100,
         autoLoader:true,
         lazyRender :true,
         store:destpkComStore
}));

具体如上。
分享到:
评论

相关推荐

    Ext.grid.GridPanel属性祥解

    - 示例:`reconfigure(new Ext.data.JsonStore(...), new Ext.grid.ColumnModel([...]))` #### 四、Ext.grid.Column详解 `Ext.grid.Column`代表了表格中的一列,可以通过以下配置项来定义其行为和外观: 1. **id*...

    可编辑表格Ext.grid.EditorGridPanel

    var cm = new Ext.grid.ColumnModel([ {header: 'Name', width: 200, dataIndex: 'name', editor: new Ext.form.TextField()}, {header: 'Age', width: 100, dataIndex: 'age', editor: new Ext.form.NumberField...

    Ext grid 动态添加字段、列扩展

    Ext grid 动态添加字段、列扩展, 如何动态添加或者删除一个grid的列

    ext的grid简易例子

    例如,`Ext.grid.ColumnModel`可以用来设置每一列的显示样式和数据源。 4. **Grid Panel**:实际展示Grid的组件,它包含了Store、Column Model和其他配置项。通过`Ext.grid.Panel`创建一个Grid,配置`store`为数据...

    EXTGrid属性方法

    ### EXTGrid属性方法详解 #### 一、Ext.grid.GridPanel `Ext.grid.GridPanel`是ExtJS 4.0中的一个关键组件,用于创建数据表格。以下为该组件的一些核心属性及其含义: - **store**: 数据存储器,用于存放表格的...

    EXt 可以编辑的grid

    对于可编辑的列,我们需要设置`editor`属性,指定编辑器类型,如TextField、ComboBox等。 4. **启用CellEditing**:引入EXT JS的CellEditing插件,并将其添加到Grid Panel。通过配置`clicksToEdit`属性,我们可以...

    ext 读取xml 可编辑grid

    在EXT JS框架中,"ext 读取xml 可编辑grid"是一个常见的需求,涉及到的主要知识点包括EXT的数据对象、EditorGridPanel的使用以及EXT对XML数据格式的支持。下面将详细阐述这些内容。 EXT JS是一个强大的JavaScript库...

    GridPanel属性详解

    最后,让我们了解一下`Ext.grid.ColumnModel`的关键配置项: 1. **columns** - **描述**:一个列配置数组,每个元素都是一个`Column`配置对象。 2. **defaultSortable/defaultWidth** - **描述**:分别控制...

    ExtJS增删改查

    var cm = new Ext.grid.ColumnModel([ {header: '列标题', width: 100, dataIndex: 'dataIndex'}, // 其他列配置... ]); // 创建GridPanel var grid = new Ext.grid.GridPanel({ ds: ds, cm: cm, // 其他Grid...

    Ext TreePanel

    在Ext JS中,TreePanel是基于Ext.grid.Panel扩展的,它包含了树形数据的渲染和操作功能。TreePanel可以与Ext.data.TreeStore配合使用,TreeStore负责加载和管理树形数据。TreePanel中的每个节点通常表示为一个条目,...

    Ext 连接数据库的相关操作

    2. **配置GridPanel**:创建一个Editgridpanel实例,设置store为上一步创建的store,定义列模型(ColumnModel),并启用行编辑功能。 ```javascript var grid = new Ext.grid.EditorGridPanel({ store: store, ...

    一些关于EXT空间的 案例

    var grid = Ext.create('Ext.grid.Panel', { ... plugins: [{ ptype: 'cellediting', clicksToEdit: 1 // 单击单元格即进入编辑状态 }], columns: [{ text: 'Name', dataIndex: 'name', editor: { xtype: '...

    extjs editgrid combobox 回显

    var colM = new Ext.grid.ColumnModel([ { header: "Deal ID", dataIndex: "deal_id", sortable: true, width: 100 }, { header: "Process Name", dataIndex: "process_name", sortable: true, width: ...

    grid动态生成列参考!

    new Ext.grid.ColumnModel(cm) ); ``` #### 四、总结 动态生成列的能力极大地增强了ExtJS GridPanel的灵活性,使得开发者能够根据不同的业务需求和数据状态,自定义表格的布局和功能。掌握这一技术,不仅有助于...

    Ext表格控件和树控件

    列信息通过 `Ext.grid.ColumnModel` 定义,而数据存储器则通过 `Ext.data.Store` 定义。根据解析的数据类型不同,数据存储器又可以细分为 `JsonStore`、`SimpleStore` 和 `GroupingStore` 等几种类型。 下面是一个...

    extjs中grid中嵌入动态combobox的应用

    首先,要实现Grid中的ComboBox嵌入功能,需要了解几个关键组件:Ext.grid.EditorGridPanel、***boBox、Ext.grid.ColumnModel以及Ext.grid.RowNumberer。 Ext.grid.EditorGridPanel是一个专门用于编辑的Grid面板,它...

    asp.net Ext grid 显示列表

    var cm = new Ext.grid.ColumnModel([ sm, // 复选框列 new Ext.grid.RowNumberer({ header: "自动显示行号", width: 100 }), // 行号列 { header: '员工编号', dataIndex: 'EmployeeID', sortable: true, width...

    修改grid行或列颜色

    var cmParamGestionCouleur = new Ext.grid.ColumnModel([{ id: 'VALEUR_PARAM_GESTION_COULEUR', header: "Valeur", dataIndex: 'VALEUR_PARAM_GESTION_COULEUR', renderer: renderMotif, editor: new Ext....

    汇总Extjs中GridPanel的各个属性与方法.doc.pdf

    **Ext.grid.ColumnModel主要配置项:** 1. **columns**: 包含所有列配置的数组。 2. **defaultSortable**: 是否默认对所有列进行排序。 3. **defaultWidth**: 所有列的默认宽度。 **主要方法:** 1. **...

Global site tag (gtag.js) - Google Analytics