ext如何读取嵌套的子json节点数据

  ext如何读取嵌套的子json节点数据,如类似下面的数据,用户详细信息放在子节点下userInfo下。

nestedData.json

{
    "rows": [
        {
            "userName": "system",
            "userInfo": {
                "active": true,
                "address": "深圳市",
                "birthday": "2014-11-03"
            }
        }
    ]
}

ext如何读取嵌套的子json节点数据源代码数据如下(ext示例运行库:4.1.1.a),主要使用了field配的mapping配置:http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.data.Field-cfg-mapping,mapping配置要求ext版本大于2.3.0。

    Ext.onReady(function () {
        Ext.define('nestedModel', {
            extend: 'Ext.data.Model',
            fields: ["userName",
                { "name": "active", mapping: "userInfo.active" },
                { "name": "address", mapping: "userInfo.address" },
                { "name": "birthday", mapping: "userInfo.birthday" }]
        });
        var store = Ext.create('Ext.data.Store', {
            model: 'nestedModel',
            proxy: { url: 'nesteddata.json', type: 'ajax', reader: { root: 'rows', type: 'json' } },
            listeners: {
                load: function () {
                    alert(this.getAt(0).get('active'))//true
                    alert(this.getAt(0).get('address'))//深圳市
                }
            }
        });
        store.load();
    });

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:ext如何读取嵌套的子json节点数据

评论(0)Web开发网
阅读(477)喜欢(1)extjs开发技巧