extjs - Roweditor不工作

时间:2013-10-17 13:31:42

标签: extjs extjs4.2 extjs-grid

我有一个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进行比较,但我找不到不正确的内容。

它的外观如下:enter image description here

2 个答案:

答案 0 :(得分:2)

rowEditor不起作用的原因如下:

我有一个自定义模板。不包括rowEditiong插件工作所需的css。

使用sencha app build重建应用程序后,css文件已更新,一切正常。

答案 1 :(得分:1)

试试这个:

...
    {
        text: 'Description', 
        dataIndex: 'description', 
        flex:1,
        editor: { 
            xtype: 'textfield',
            allowBlank: true // (or false)
        }               
    }
....