组合框不会显示加载的商店数据答案

【问题标题】：Combobox will not display loaded store data组合框不会显示加载的商店数据
【发布时间】：2014-12-09 14:44:51
【问题描述】：

我正在使用 ExtJS 4.2，当我在 loadComboBox() 中打印 store 时，这些项目存在，但它们没有出现在下拉列表中。下拉菜单为空。

Ext.define('ReportFieldModel', {
    extend: 'Ext.data.Model',
    fields: [{
        'name': 'name',
        'type': 'string'
    }]
});

Ext.define('ReportFieldComboStore', {
    extend: 'Ext.data.JsonStore',
    model: 'ReportFieldModel'
});

var config = {
    'type': "Summary",
    'columns': [
        "red",
        "yellow",
        "orange",
        "green",
        "blue",
        "indigo",
        "violet"]
};

function processItem(item) {
    return Ext.create('ReportFieldModel', {
        name: item
    });
}

function processItems(data) {
    var arr = [];
    if (data && data.length > 0) {
        for (var i = 0; i < data.length; i++) {
            arr.push(processItem(data[i]));
        }
    }
    return arr;
}

function loadComboBox(combo, data) {
    var store = combo.store;
    var columns = data.columns;
    var processed = processItems(columns);
    console.log(JSON.stringify(processed, undefined, 2));
    store.loadData(processed, false);
}

Ext.onReady(function () {
    var resultsPanel = Ext.create('Ext.panel.Panel', {
        title: 'Results',
        width: 200,
        height: 400,
        renderTo: Ext.getBody(),
        layout: {
            type: 'vbox',
            align: 'stretch',
            padding: 5
        },
        items: [{
            xtype: 'combo',
            itemId: 'myCombo',
            displayField: 'name',
            valueField: 'name',
            mode: 'local',
            store: Ext.getStore('ReportFieldComboStore')
        }]
    });

    loadComboBox(resultsPanel.down('#myCombo'), config);
});

【问题讨论】：

标签： javascript extjs store extjs4.2

【解决方案1】：

配置是queryMode，而不是mode。

【讨论】：

谢谢，我注意到 Sencha 总是更改属性名称。
经过进一步调查，我制作了 2 个可用的 JSFiddles。 #1 和 #2。他们使用数组存储。第一个定义了一个新的商店和模型，另一个定义了它们。