Question

为了节省带宽和代码行，我有一种类似的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中使用数据存储/模型对象（并且必须定义字段等），只需显示矩阵 as-given 服务器

感谢//大卫

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

您可以使用模板修改外观和样式，但这样可以使用常规JavaScript对象生成表格。

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

1 个答案: