如何访问json标签以及ExtJS网格中的值?

时间:2011-06-08 02:36:40

标签: extjs

我希望将一个记录的每个值填入网格中以供查看,但不知道该怎么做。

例如,如果JSON如下所示,我希望第一列中的firstName,lastName和age以及第二列中相应行的关联值。

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

非常感谢任何想法!

1 个答案:

答案 0 :(得分:0)

好吧,首先你需要为你的网格设置列:

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   

});

,您的数据应该在View中。并在网格中定义您的商店:(商店:myStore)

干杯!