javascript - Ext Js：如何从列表中加载商店

Question

这是我从服务器返回的 JSON 数据。我没有看到我的组合被加载。这里有什么问题？

{"suffixList":["-1","-2","-3"]}

模型：

Ext.define('ExtMVC.model.Suffix', {
    extend: 'Ext.data.Model',
    fields: [
        {name: 'suffix'}
    ]
});

店铺：

 Ext.define('ExtMVC.store.Suffixes', {
        extend: 'Ext.data.Store',
        model: 'ExtMVC.model.Suffix',
        autoLoad : false,
        proxy: {
            type: 'ajax',
            url: 'http://'+window.location.host+'/populateCombo',
            reader: {
                type: 'json',
                root: 'suffixList'
            }
        }
    });

看法：

{
                xtype:'combo',
                id: 'suffix',
                name: 'suffix',
                store   : 'Suffixes',
                displayField: 'suffix',
                valueField: 'suffix'
            }

Answer 1

您可以使用ArrayStore

new Ext.data.ArrayStore({
    fields: ['suffix'],
    data: {suffixList: ['-1', '-2', '-3']},
    proxy: {
        type:'memory', //'ajax'
        reader: {
            type: 'array',
            root: 'suffixList'
        }
    }
})

Answer 2

数据格式不正确。每条记录都应该是一个对象，具有商店字段的属性。在您的情况下，数据应如下所示：

{"suffixList":[{"suffix": "-1"},{"suffix": "-2"},{"suffix": "-3"}]}