extjs Grid即使在存储时也没有显示预期的数据，并且列存在于网格对象中

Question

我是 extjs 的新手，在将 json 数据加载到网格时遇到了一些问题。在调试器中，我可以看到网格的存储和列正在按照我想要的方式准确填充。但数据未显示在网格中。我不确定为什么。但是我的网格没有加载数据。

我做错了什么？

提前谢谢你。

网格视图：

Ext.define('searchadmin.view.reports.DynamicGrid' ,{
    extend: 'Ext.grid.Panel',
    alias : 'widget.dynamicGrid',
    title : 'Results',
    columns: [],
    columnLines : true,
    sortableColumns : false,
    autoScroll : true,
    viewConfig : {
        stripeRows : false,
        loadMask:true       
    }
});    

商店：

Ext.define('searchadmin.store.DynamicGridStore', {
    extend : 'Ext.data.Store',
    model: 'searchadmin.model.DynamicGridModel',

    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'data'
        }
    }
});

型号：

Ext.define('searchadmin.model.DynamicGridModel', {
    extend: 'Ext.data.Model',
    fields: []
});

上述网格所在页面的视图配置在此要点中： Reports.js

包含动态组合模型和存储代码的 Reports 控制器位于 handleSelectQueryResult() 中：ReportsController

Answer 1

您将不得不使用reconfigure 网格方法，而不是像这样在ReportsController.js 的handleSelectQueryResult 函数中分配列和存储。

 grid.columns = _columns; //will not work
 grid.store = queryStore; //will not work

还要注意ComponentQuery.query 返回一个数组。

试试这个方法。

var grid = Ext.ComponentQuery.query('#dynamicGridId')[0]; //or var grid = Ext.getCmp('dynamicGridId');
grid.reconfigure(queryStore, _columns);