1

次のように定義された 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 プラグインでこの問題が発生しました。
ダブルクリックした行を編集する代わりに、新しい行がグリッドの上部に挿入されますが、エディター フィールドは表示されません。

コードのいたるところを調べ、 doc に基づく実際の例と比較しましたが、正しくないものが見つかりません。

これは次のようになります。ここに画像の説明を入力

4

2 に答える 2

2

rowEditor が機能しなかった理由は次のとおりです。

カスタム テンプレートがあります。rowEditiong プラグインが機能するために必要な css が含まれていませんでした。

sencha app buildcssファイルを使用してアプリケーションを再構築すると、更新され、すべて正常に機能しました。

于 2013-10-17T16:29:54.370 に答える
1

これを試して:

...
    {
        text: 'Description', 
        dataIndex: 'description', 
        flex:1,
        editor: { 
            xtype: 'textfield',
            allowBlank: true // (or false)
        }               
    }
....
于 2013-10-17T13:48:30.917 に答える