`
struas
  • 浏览: 67121 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

关于Ext.grid.EditorGridPanel的下拉列表框实现

    博客分类:
  • Ext
EXT 
阅读更多

1.

下拉列表需要的数据,根据需要可以到后台去取数据,这里就不一一介绍了

   var flagStroe = new Ext.data.SimpleStore({
            fields : ['id', 'flag'],
            data : [[0, '是'], [1, '否']]
   });

 

 

2.

表头需要添加editor属性,代码如下 :

{
    header : '是否置顶',
    dataIndex : 'maketop',
    sortable : true,
    width : 75,
    editor : new Ext.form.ComboBox({
       store : flagStroe,      //数据源
       displayField : 'flag',   //显示下拉列表数据值
       valueField : 'id',        //提交时下拉列表框的数据值
       typeAhead : true,
       triggerAction : 'all',
       allowBlank : false,
       forceSelection : true,
       mode : 'local'
      })

 

把这些代码加添到相应的的地方既可以现实该功能

 

  • 大小: 11.3 KB
1
0
分享到:
评论

相关推荐

    Ext组件描述,各个组件含义

    - **功能描述**:ComboBox 是一个下拉列表框,用户可以从列表中选择一个值。 - **主要用途**:适用于需要用户从预定义的选项中选择的场景。 **2.19 Date Field (Ext.form.DateField)** - **xtype**: `datefield` -...

    extJs xtype 类型

    3. **`combo`:** 下拉框组件,用于创建下拉列表,通过`Ext.form.ComboBox`类实现。 4. **`datefield`:** 日期选择项组件,用于让用户选择日期,通过`Ext.form.DateField`类实现。 5. **`timefield`:** 时间录入项...

    ExtJs组件类的对应表

    11. **`editorgrid`** - `Ext.grid.EditorGridPanel`,可编辑的表格组件,允许用户直接在表格中编辑数据。 12. **`propertygrid`** - `Ext.grid.PropertyGrid`,属性表格组件,用于展示对象的属性。 13. **`...

    ExtJs xtype一览

    - **`combo` (Ext.form.ComboBox)**: 下拉框组件,提供了一个下拉列表供用户选择。 - **`datefield` (Ext.form.DateField)**: 日期选择项组件,用于输入日期值。 - **`timefield` (Ext.form.TimeField)**: 时间录入...

    extjs控件列表

    **Ext.grid.EditorGridPanel** - **描述**: 可编辑的表格组件,允许用户直接在表格中编辑数据。 - **用途**: 管理系统中的数据编辑功能。 **Ext.grid.PropertyGrid** - **描述**: 属性表格,用于显示对象的属性及其...

    Extjs xtype集合

    - **`Class`**: `Ext.grid.EditorGridPanel` - **描述**: 可编辑的表格组件,允许用户直接在表格中编辑数据。 12. **`propertygrid`:** - **`xtype`**: `propertygrid` - **`Class`**: `Ext.grid.PropertyGrid...

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

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

    Extjs EditorGridPanel中ComboBox列的显示问题

    然而,当在EditorGridPanel中嵌入ComboBox(下拉选择框)作为编辑器时,可能会遇到一个问题,即ComboBox显示的不是其store中设定的displayField(显示字段),而是EditorGridPanel自身store的数据index字段内容。...

Global site tag (gtag.js) - Google Analytics