extjs - 在 extJS 中显示原始数据矩阵（无数据存储）

Question

为了节省带宽和代码行，我有一种网络服务：

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 中使用数据存储/模型对象（并且必须定义字段等），只需显示服务器提供的矩阵

谢谢//大卫

Answer 1

如果要使用显示数据，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}
);

You can modify the look and styles by using the template, but this will let you use a regular JavaScript object to generate your table.