javascript - 组合框显示为空 - Ext.JS 4

Question

我正在尝试在组合框中显示值，如下所示:

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();
            }
        });

但是，它不显示组合框值。正如您所看到的，Depo Cinsi 值是空的(实际上我可以看到 3 个项目，但它们的名称没有出现)。

关于如何解决这个问题有什么想法吗？

Answer 1

使用Ext.data.ArrayStore而不是Ext.data.Store:

Small helper class to make creating Ext.data.Stores from Array data easier. An ArrayStore will be automatically configured with a Ext.data.reader.Array.

工作示例:https://fiddle.sencha.com/#fiddle/1e2p

<小时/>

如果您想使用Ext.data.Store而不使用Ext.data.reader.Array，您需要像这样传递数据:

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