如何将数组绑定到 arrystore 以填充 extjs 中的组合

Question

我有数组，因为

var cars = new Array('audi','benz','citron','nissan','alto');

我想将此数据添加到 arraystore，如下所示

 var myStore = new Ext.data.ArrayStore({
        data   : cars ,
        fields : ['names']
    });

在将此数组存储绑定到组合时

 var myCombo = new Ext.form.ComboBox({
        store: myStore ,
        displayField: 'name',
        valueField: 'name',
        typeAhead: true,
        mode: 'local',
        forceSelection: true,
        triggerAction: 'all',
        emptyText: 'Select a state...',
        selectOnFocus: true,

    });

组合仅显示数组中每个单词的第一个字母为 a、b、c、n、a

我如何正确显示我使用的 arry 的组合是以编程方式填充的，然后绑定到 arraystore

Answer 1

或者，如果您只是将数组作为存储配置传递，这也将起作用（假设是最新版本）：

new Ext.form.ComboBox({
    store: ['Audi', 'Benz', 'Citron', 'Nissan', 'Alto']
});

请注意，如果是这种情况，您不需要指定 displayField/valueField 。

Answer 2

ArrayStore 消耗的数据格式是数组的数组。按如下方式重新格式化您的商店数据应该可以使其正常工作：

var cars = [['audi'], ['benz'], ['citron'], ['nissan'], ['alto']];

从您的格式转换为所需的格式非常简单：

for ( var i = 0, c = cars.length; i < c; i++ ) {
    cars[i] = [cars[i]];
}