我有一个gridPanel定义如下:
Ext.define('Mb.view.winbiz.ExportGrid', {
extend: 'Ext.grid.Panel',
store: 'winbiz.Exports',
plugins: [{ptype: 'rowediting', clicksToMoveEditor: 2, autoCancel: false}],
columns: [
{text: 'Id', dataIndex: 'id'},
{
text: 'Description',
dataIndex: 'description',
flex:1,
editor: {
xtype: 'textfield',
allowBlank: false
}
}
]
});
我对rowEditing插件有这个问题:
不是编辑我双击的行,而是在网格顶部插入一个新行,但它不显示编辑器字段。
我在代码中到处查找并与working example based on the doc进行比较,但我找不到不正确的内容。
它的外观如下:
答案 0 :(得分:2)
rowEditor不起作用的原因如下:
我有一个自定义模板。不包括rowEditiong插件工作所需的css。
使用sencha app build
重建应用程序后,css文件已更新,一切正常。
答案 1 :(得分:1)
试试这个:
...
{
text: 'Description',
dataIndex: 'description',
flex:1,
editor: {
xtype: 'textfield',
allowBlank: true // (or false)
}
}
....