1

帯域幅とコード行を節約するために、次のような Web サービスがあります。

GET /users

[return json data]

{
    "headers": ["Joined", "username", "Age"],
    "data": [["2011-01-01", "alice", 22],["2011-01-01", "bob", 22]] 
}

extJSを使用してグリッド/テーブルにこのオブジェクトを表示するには?

username  Joined      Age
alice     2011-01-01  22
bob       2011-01-01  22

注：extJSでデータストア/モデルオブジェクトを使用したくない（そしてフィールドなどを定義する必要がある）、サーバーから与えられたマトリックスを表示するだけです

ありがとう//デビッド

4

1 に答える 1

3

を使用してデータを表示する場合Ext.grid.Panelは、ストアを使用する必要があります。限目。ストア宣言でフィールドを直接定義する場合、必ずしもモデルを作成する必要はありませんが、それでもストアは必要です。

一般的な HTML テーブルを使用してデータを表示する場合は、 を使用Ext.XTemplateしてそのようにすることができます。次のようになります (コード例):

var matrixTpl = new Ext.XTemplate(
    '<table>',
        '<tr>',
            '<tpl for="headers">',
                '<td>{.}</td>',
            '</tpl>,
        '</tr>',
        '<tpl for="data">',
            '<tr>',
                '<tpl for=".">',
                    '<td>{.}</td>',
                '</tpl>',
            '</tr>',
        '</tpl>',
    '</table>',
    {disableFormats: true}
);

テンプレートを使用して外観とスタイルを変更できますが、これにより、通常の JavaScript オブジェクトを使用してテーブルを生成できます。

于 2012-09-10T13:45:52.587 に答える