Ext.js中的复杂网格

Question

我尝试在MVC架构中的Ext.js中创建一个复杂的网格。 让我们说我有2个JSON： 第一：

[{
    "id": 2,
    "name": "An ice sculpture",
    "price": 12.50,
    "tags": ["cold", "ice"],
    "dimensions": {
        "length": 7.0,
        "width": 12.0,
        "height": 9.5
    },
    "warehouseLocation": {
        "latitude": -78.75,
        "longitude": 20.4
    }
},
{
    "id": 3,
    "name": "A blue mouse",
    "price": 25.50,
    "dimensions": {
        "length": 3.1,
        "width": 1.0,
        "height": 1.0
    },
    "warehouseLocation": {
        "latitude": 54.4,
        "longitude": -32.7
    }
}]

第二

[{
"id": 4,
"name": "An ice sculpture",
"price": 14.50,
"tags": ["cold", "ice"],
"dimensions": {
    "length": 12.0,
    "width": 33.0,
    "height": 9.5
},
"warehouseLocation": {
    "latitude": 54.75,
    "longitude": 21.4
}}]

现在我想创建一个这样的网格：

在第一行中显示对象“id”的“长度”的列：2，在第二行中，对象“id”的“长度”：3，在第三行中，“对象”的“长度” ID“：4

我希望有一些建议......