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() in：ReportsController

Answer 1

您必须使用reconfigure网格方法，而不是仅在handleSelectQueryResult ReportsController.js的{{1}}函数中分配列并存储。

 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);

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

1 个答案: