Как получить доступ к метке json, а также к значению в сетке ExtJS?

Question

Я бы хотел, чтобы каждое значение записи заполнялось в сетке для просмотра, но не знаю, как это сделать.

Например, если JSON выглядит следующим образом, я хочу, чтобы firstName, lastName и age были указаны в первом столбце, а соответствующие значения - в соответствующих строках во втором столбце.

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

Любые мысли с благодарностью!

Answer 1

Ну, сначала вам нужно установить столбцы в вашей сетке:

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'}
]

});

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

}); * * 1 010

и ваши данные должны быть в представлении. И определите свой магазин в сетке: (store: myStore)

Ура!