从 ajax 响应值填充 extjs 组合框

Question

我有一个带有以下响应的 ajax，但我似乎找不到使用值 1-5 填充 extjs 组合框的方法。

我的回答是：

{"items":[{"field":null,"message":null,"value["value1","value2","value3","value4","value5"],"error":false}]}

我读到我应该使用 displayField 和 valueField 但在这种情况下我不知道如何使用。我只有一个简单的字符串数组。

Answer 1

您需要使用该字符串创建商店并将其绑定到组合框

Ext.Ajax.request({
    url: 'page.php',
    params: {
        id: 1
    },
    success: function(response){
        var data = Ext.decode(response.responseText);
        var storeData = [];
        Ext.each(data.items[0].value,function(v){
            storeData.push({value:v});
        });
        var store  = Ext.create('Ext.data.Store', {
             fields:["value"],
             data:storeData,
             autoLoad: true
         });
        var combobox =  Ext.create('Ext.form.ComboBox', {
            fieldLabel: 'Choose State',
            store: store,
            queryMode: 'local',
            displayField: 'value',
            valueField: 'value'
        });
    }
});