ComboBox erscheint leer - Ext.JS 4

Question

Ich versuche Werte in Combobox angezeigt werden wie folgt:

Ext.define('Pgmtems.view.combo.DepoTurCombo', { 
      extend : 'Ext.form.field.ComboBox', 
      alias : 'widget.depoturcombo', 
      fieldLabel : 'Depo Cinsi', 
      displayField : 'aciklama', 
      valueField : 'value', 
      typeAhead : true, 
      forceSelection : true, 
      enableKeyEvents : true, 
      emptyText : '-Depo Cinsi-', 
      editable : false, 
      labelWidth : 70, 

      constructor : function(cfg) { 
       console.warn(cfg.xtype, " constructor arld."); 
       var me = this; 
       Ext.apply(this, cfg); 
       var store = Ext.create('Ext.data.Store', { 
          autoLoad : true, 
          fields : ['value', 'aciklama'], 
          data : [[3, "TL"], [2, "YTL"], [1, "ETL"]] 
         }); 
       Ext.apply(this, { 
          store : store 
         }); 
       this.callParent(arguments); 
      }, 
      initComponent : function() { 
       console.log('DepoTurCombo initComponent'); 
       this.trigger1Cls = 'x-form-clear-trigger'; 
       this.trigger2Cls = 'x-form-arrow-trigger'; 
       this.callParent(arguments); 
      }, 
      onTrigger1Click : function() { 
       this.clearValue(); 
      } 
     }); 

Allerdings ist es nicht die Combobox-Werte zeigen. Wie Sie sehen können, sind Depo Cinsi Werte leer (tatsächlich kann ich 3 Elemente dort sehen, aber ihre Namen erscheinen nicht).

Irgendwelche Ideen, wie man das löst?

Answer 1

Verwenden Ext.data.ArrayStore statt Ext.data.Store:

Kleine Helfer Klasse zu erleichtern Ext.data.Store s von Array-Daten zu schaffen. Ein ArrayStore wird automatisch mit einer Ext.data.reader.Array konfiguriert.

Arbeitsbeispiel: https://fiddle.sencha.com/#fiddle/1e2p

---

Wenn Sie Ext.data.Store verwenden möchten, ohne Ext.data.reader.Array verwenden Sie die Daten wie diese passieren müssen:

data: [{value: 3, aciklama: "TL"}, {value: 2, aciklama: "YTL"}, {value: 1, aciklama: "ETL"}]