Cell Editing auf ExtJS

Question

Ich versuche, meine grid.Panel Zellen mit einem Klick editierbar zu machen. Ich habe folgenden Code, der nicht funktioniert. Ich folgte diesem this Link und in meinem Programm implementiert, aber das Klicken aktiviert noch keine Bearbeitung. Ich habe auch versucht RowEditing, aber es hat auch nicht funktioniert. Es ist kein Problem, Informationen aus der Datenbank zu erhalten.

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

• Ihre Probe ist nicht vollständig (nicht runnable) gemäß den Richtlinien Frage.
• JavaScript unterscheidet zwischen Groß- und Kleinschreibung. this.Store hilft einem Raster nicht, seine Daten zu finden.
• Ihren Spalten fehlt die editor config.

Ich habe die Probleme behoben: https://fiddle.sencha.com/#fiddle/1f41

Für zukünftige Fragen, bitte eine Arbeits Geige zu machen, die das Problem aufweist.