0

下面的代码用于Ext.data.Store检索带有表元数据（用于列标题）和表数据的 JSON。后端 PHP 脚本工作正常，并且Ext.data.Store包含有效的数据记录——我只是无法让它们“进入”网格本身。

API 文档看起来好像我只是定义了一个store属性Ext.grid.GridPanel，它会处理其余的。

注意：下面的代码与应用程序的其余部分是分开的。我们已经将这部分提取出来，看看我们是否可以让网格正常工作，而不受应用程序其余部分的影响。

Ext.BLANK_IMAGE_URL = 'js/ext/resources/images/default/s.gif';
Ext.onReady(function() {
    var columns = [];
    var fields = [];


    var tabPanel = new Ext.TabPanel({
        renderTo: Ext.getBody(),
        activeTab: 0,
        height: 700
    });

    var queryHeaders = Ext.data.Record.create([
        {name: 'id'},
        {name: 'table'},
        {name: 'field'},
        {name: 'title'}
    ]);

    var applicationStore = new Ext.data.Store({
        autoLoad: true,
        reader: new Ext.data.JsonReader({root: 'fields'}, queryHeaders),
        url: 'http://localhost/aargh/index.php/applications/hardware',
        listeners: {
            'load': function() {
                console.info(applicationStore);
                applicationStore.each(function(r) {
                    this_column = [];
                    this_column['header'] = r.data['title'];
                    this_column['dataIndex'] = r.data['id'];
                    columns.push(this_column);
                    this_column = []
                    this_column['name'] = r.data['id'];
                    fields.push(this_column);
                });

                console.info(fields);
                var queryFields = Ext.data.Record.create([fields]);

                var queryStore = new Ext.data.Store({
                    autoLoad: true,
                    reader: new Ext.data.JsonReader({root: 'fields'}, queryFields),
                    url: 'http://localhost/aargh/index.php/query/execute/applications/hardware',
                    listeners: {
                        'load': function() {
                            console.info(queryStore);
                            tabPanel.add(new Ext.grid.GridPanel({
                                title: 'Hardware',
                                store: queryStore,
                                columns: columns,
                                autoHeight: true,
                                frame: true
                            }));
                            tabPanel.doLayout();
                        }
                    }
                }); 
            }
        }
    }); 
});

当我在 Firebug 中查看applicationStoreandqueryStore对象时，我可以完美地看到预期的数据结果，applicationStore.data.items.#.json并且queryStore.data.items.#.json（当然，将 # 替换为记录号）。

有任何想法吗？

4

1 回答 1

1

哇 - 这已经给我们带来了三天的麻烦。原来我是在一个数组中创建一个数组var queryFields = Ext.data.Record.create([fields]);

将其更改为：var queryFields = Ext.data.Record.create(fields);修复了问题。

于 2009-04-06T13:47:56.503 回答