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
分享到:
相关推荐
- **功能描述**:ComboBox 是一个下拉列表框,用户可以从列表中选择一个值。 - **主要用途**:适用于需要用户从预定义的选项中选择的场景。 **2.19 Date Field (Ext.form.DateField)** - **xtype**: `datefield` -...
3. **`combo`:** 下拉框组件,用于创建下拉列表,通过`Ext.form.ComboBox`类实现。 4. **`datefield`:** 日期选择项组件,用于让用户选择日期,通过`Ext.form.DateField`类实现。 5. **`timefield`:** 时间录入项...
11. **`editorgrid`** - `Ext.grid.EditorGridPanel`,可编辑的表格组件,允许用户直接在表格中编辑数据。 12. **`propertygrid`** - `Ext.grid.PropertyGrid`,属性表格组件,用于展示对象的属性。 13. **`...
- **`combo` (Ext.form.ComboBox)**: 下拉框组件,提供了一个下拉列表供用户选择。 - **`datefield` (Ext.form.DateField)**: 日期选择项组件,用于输入日期值。 - **`timefield` (Ext.form.TimeField)**: 时间录入...
**Ext.grid.EditorGridPanel** - **描述**: 可编辑的表格组件,允许用户直接在表格中编辑数据。 - **用途**: 管理系统中的数据编辑功能。 **Ext.grid.PropertyGrid** - **描述**: 属性表格,用于显示对象的属性及其...
- **`Class`**: `Ext.grid.EditorGridPanel` - **描述**: 可编辑的表格组件,允许用户直接在表格中编辑数据。 12. **`propertygrid`:** - **`xtype`**: `propertygrid` - **`Class`**: `Ext.grid.PropertyGrid...
首先,要实现Grid中的ComboBox嵌入功能,需要了解几个关键组件:Ext.grid.EditorGridPanel、***boBox、Ext.grid.ColumnModel以及Ext.grid.RowNumberer。 Ext.grid.EditorGridPanel是一个专门用于编辑的Grid面板,它...
然而,当在EditorGridPanel中嵌入ComboBox(下拉选择框)作为编辑器时,可能会遇到一个问题,即ComboBox显示的不是其store中设定的displayField(显示字段),而是EditorGridPanel自身store的数据index字段内容。...