ExtJS：创建动态存储\网格

Question

大家好，我正在学习动态存储，我从数组中获取数据 并创建一个商店，但如果我尝试将列和数据加载到我的网格中，我会得到“未捕获的类型错误：无法读取未定义的属性 'getProxy'”

控制器：

  onSqlChange: function (gridPanel, value) {
var me = this;

Ext.Ajax.request({
    url: '{url action=getSqlDetails}',
    params: {
    fileName: value
    },
    success: function (response) {
    var text = JSON.parse(response.responseText);
    //console.log(text);
    var grid = me.mainWindow.grid;
    var columns = text.columns;
    var cols = new Array();
    columns.forEach(function (item) {
        cols.push({
        name: item,
        type: 'string'
        });
    });

    var SqlResult = Ext.create('Ext.data.Store', {
        fields: cols,
        proxy: {
        type: 'ajax',
        url: '{url action=getSqlDetails}',
        reader: {
            type: 'json',
            root: 'data'
        }
        },
    });

    grid.reconfigure({
        columns: columns,
        store: SqlResult
    });
    grid.show();
    }
});
}

window.js：

Ext.define('Shopware.apps.UnSqlReader.view.window.Window', {
extend: 'Enlight.app.Window',
alias: 'widget.main-window-view',
height: 700,
width: 1200,
layout: 'fit',
title: '{s name=window_title}SQL Reader{/s}',
initComponent: function () {
var me = this;
me.items = me.getItems();
me.dockedItems = me.createDockedItems();
me.callParent(arguments);
},
createDockedItems: function () {
var me = this;
return [
    {
    width: 185,
    xtype: 'toolbar',
    dock: 'top',
    items: [
        {
        xtype: 'combobox',
        id: 'sqlField',
        editable: false,
        emptyText: 'Select SQL file',
        displayField: 'name',
        valueField: 'name',
        store: Ext.create('Shopware.apps.UnSqlReader.store.UnSqlReaderFileList'),
        listeners: {
            change: function (field, newValue) {
            me.fireEvent('onSqlChange', me, newValue);
            }
        }
        }
    ]
    }
];
},
getItems: function () {
var me = this;
me.grid = Ext.create('Ext.grid.Panel', {
    alias: 'widget.view-grid-grid',
    hidden: true,
    columns: [
    ]
});
return [me.grid];
}

});

Answer 1

我们可以使用响应 json 中的text.data 直接填充存储中的数据，而不是再次调用 ajax

var SqlResult = Ext.create('Ext.data.Store', {
        fields: cols,
        data:text.data
    });