ExtJSでのセル編集

Question

ワンクリックでgrid.Panelセルを編集可能にしようとしています。私は動作しない次のコードがあります。私はこのthisリンクをたどって自分のプログラムに実装しましたが、それでもクリックすると編集ができません。私もRowEditingを試しましたが、どちらもうまくいきませんでした。データベースからの情報の取得に問題はありません。

Ext.define('CategoryNumberGrid', { 
 
    extend: 'Ext.grid.Panel', 
 
    selType: 'cellmodel', 
 
    pageSize: 25, 
 
    defineColumns:function(){ 
 
    this.columns=[ 
 
    { 
 
     header: 'Code', 
 
     dataIndex: 'code', 
 
     renderer: Ext.util.Format.htmlEncode 
 
    },{ 
 
     header: 'Description', 
 
     dataIndex: 'descr', 
 
     renderer: Ext.util.Format.htmlEncode 
 
    }]; 
 
    }, 
 
    model: 'CategoryNumberModel', 
 
    initComponent:function(){ 
 
    this.defineColumns(); 
 
    var config = { 
 
     autoLoad: true, 
 
     autoSync: true, 
 
     remoteFilter: true, 
 
     remoteSort: true, 
 
     proxy: getProxy("CategoryNumberModel"), 
 
     model: 'CategoryNumberModel', 
 
     sorters:[ 
 
     { 
 
     property:'code', 
 
     direction:'ASC' 
 
     }], 
 
     pageSize: this.pageSize 
 
    }; 
 
    this.Store = Ext.create('Ext.data.Store', config); 
 
    this.editing = Ext.create('Ext.grid.plugin.CellEditing', { 
 
     clicksToEdit:1}); 
 
    this.plugins=[this.editing]; 
 
    this.callParent(); 
 
    } 
 
});

Answer 1

• あなたのサンプルでは、​​質問のガイドラインあたりとして（実行可能ではない）完全ではありません。
• JavaScriptは大文字と小文字を区別します。 this.Storeはグリッドのデータ検索には役立ちません。
• あなたの列にeditor configがありません。

は、私は問題を修正した：https://fiddle.sencha.com/#fiddle/1f41

将来の質問については、問題を示す作業フィドルをすることをご検討ください。