如何在ExtJS网格中访问json标签和值？

我希望将记录的每个值填充到网格中以供查看，但不知道如何做到这一点

例如，如果JSON如下所示，我希望能够在第一列中包含firstName、lastName和age，并在第二列的相应行中包含相关值

{
   "people": [
        {"firstName": "Jane",
        "lastName": "Doe",
        "age": 23}
    ]
}

---

非常感谢您的任何想法

首先，您需要为网格设置列：

columns: [
                {header: 'firstName',  dataIndex: 'firstName',flex:1},
                {header: 'lastName',   dataIndex: 'lastName',  flex:1},
                {header: 'age',        dataIndex: 'age',flex:1}
        ],

然后需要定义模型和存储：

Ext.define('gridModel', {
extend: 'Ext.data.Model',
fields: [
   {name: 'firstName', type:'string'},
   {name: 'lastName', type:'int'},
   {name: 'age', type:'string'}
]

}))

}))

您的数据应该在视图中。并在网格中定义您的存储：（存储：myStore）

---

干杯

尽管网上有很多关于tpl仅用于迭代数组项的评论，但我还是看到了sencha 2010年大会上的一段视频，该视频专门针对一个项和多个子项使用tpl。。考虑到这一点，我认为这些线程可能有助于设计解决方案：我正在寻找一种从json动态提取标签名的方法，这样我就可以说：对于每个属性，给我属性名（“firstName”）和属性值（“Jane”）。

var myStore = Ext.create('Ext.data.Store', {
model: 'gridModel',
proxy: {
    type: 'ajax',
    url : 'url of your json',
    reader:{ 
        type:'json',
        root: 'people'          
    }
},
autoLoad:true