我已经嵌套了json，如何编写模型并存储？ 煎茶触摸2

Question

"content":{"ups_ground":
                {"amount":"7.06",
                 "currency_code":"USD",
                 "data":[],
                 "tnt":"Monday, 7\/15 at 11:00pm"},

          "ups_next_day_air_saver":
                 {"amount":"26.44",
                  "currency_code":"USD",
                  "data":[],
                  "tnt":"Monday, 7\/15 at 3:00pm"},

          "ups_next_day_early_a.m.":
                {"amount":"63.84",
                 "currency_code":"USD",
                 "data":[],
                 "tnt":"Monday, 7\/15 at 8:30am"},

           "ups_next_day_air":
                     {"amount":"30.99",
                      "currency_code":"USD",
                      "data":[],"tnt":
                      "Monday, 7\/15 at 10:30am"}
    }
}

我像上面一样嵌套了json，我对如何编写商店根属性和模型字段感到非常困惑..有人可以帮我吗

我尝试提供rootProperty：内容，但无法正常工作

我想在视图中调用数据，因为{ups_ground.amount}可行吗？

Answer 1

您可以将服务器结构更改为这样的标准extjs json存储格式吗？ 如果是这样，您的商店设置将非常简单：

{
    "content":[
        {
            "shipping_type":"ups_ground",
            "amount":"7.06",
            "currency_code":"USD",
            "data":[],
            "tnt":"Monday, 7\/15 at 11:00pm"
        },
        {
            "shipping_type":"ups_next_day_air_saver",
            "amount":"26.44",
            "currency_code":"USD",
            "data":[],
            "tnt":"Monday, 7\/15 at 3:00pm"
        },
        {
            "shipping_type":"ups_next_day_early_a.m.",
            "amount":"63.84",
            "currency_code":"USD",
            "data":[],
            "tnt":"Monday, 7\/15 at 8:30am"
        },
        {
            "shipping_type":"ups_next_day_air",
            "amount":"30.99",
            "currency_code":"USD",
            "data":[],"tnt":
            "Monday, 7\/15 at 10:30am"
        }
    ]
}

您可以这样声明模型并存储：

Ext.define("ShippingModel", {
    extend: "Ext.data.Model",
    fields: [
        {name:"shipping_type", type:"string"},
        {name:"amount",        type:"float"},
        {name:"currency_code", type:"string"},
        {name:"data",          type:"string"},
        {name:"tnt",           type:"string"}//this may need to be a date, lookup date format for this yourself
    ]
});

Ext.create('Ext.data.Store', {
    model: 'ShippingModel',
    controller: 'news',
    proxy: {
        type: 'ajax',
        url: 'your url',
        reader: {
            type: 'json',
            root: 'content'
        },
        extraParams:{
            action:'getShippingRates'//you may not need the extraParams, just putting here for example
        }
    },
    autoLoad: true
});

如果您不能那样做，可以扩展reader类以读取您的自定义数据结构。 它看起来像这样：

Ext.define("MyWeirdlyStucturedDataReader", {
    extend: "Ext.data.reader.Json",

    extractData: function(root){

        var newStructure = [];

        for(var shippingType in root)
        {
            var newRecord = root[shippingType];
            newRecord.shipping_type = shippingType;
            newStructure.push(newRecord);
        }

        return this.callParent(newStructure);

    }

});

然后，您可以将代理中的阅读器类型属性设置为“ MyWeirdlyStucturedDataReader”。

*此代码都是未经测试的，即使它不起作用，它也应该使您知道该怎么做。