EXTJS4.0 grid 可编辑模式 配置

时间:2023-03-09 01:55:48
EXTJS4.0 grid 可编辑模式 配置

首先配置这个参数

plugins:[//插件
Ext.create("Ext.grid.plugin.CellEditing",{
clicksToEdit:1//单元格 点一下就可以编辑,需要设置对应列的列模式。
})
],

其次 在行里面要配置

columns: [

{ header: '最大预约数量', width: 100, dataIndex: 'MAX_COUNT', sortable: true,
field: {//输入框式的编辑模式 
xtype: 'textfield',
allowBlank: false
}
},

{ header: '开始时间', width: 150, dataIndex: 'START_DATE', xtytp: 'datecolumn', sortable: true,
field: {
xtype: 'datefield',
format: 'y-m-d',
minValue: '01/01/06'
},
renderer: function (val) { return new Date(parseInt(val.substring(6, val.length - 2))).format('yyyy-MM-dd hh:mm:ss') }
},

]

即可 实现单击 编辑grid行