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

applicationStoreFirebug のandqueryStoreオブジェクトを確認すると、予想されるデータの結果が完全にapplicationStore.data.items.#.jsonandにあることがわかりますqueryStore.data.items.#.json(もちろん、# をレコード番号に置き換えます)。

何か案は？

4

1 に答える 1

1

うわー-これは私たちに3日間問題を与えています。で配列内に配列を作成していたことが判明しましたvar queryFields = Ext.data.Record.create([fields]);

これを次のように変更します：var queryFields = Ext.data.Record.create(fields);問題を修正しました。

于 2009-04-06T13:47:56.503 に答える