ExtJs json响应自定义转换到商店模型

Question

我使用ExtJs 4.1.3并有以下场景：

1.使用模型

的商店的ExtJs网格

//model  
Ext.define('MyApp.model.Tariff', {
    extend: 'Ext.data.Model',
    fields: [
        {
            name: 'country',
            type: 'string'
        },
        {
            name: 'tariff',
            type: 'string'
        }
    ]
});

//grid   
var tariffsGrid = Ext.create('Ext.grid.Panel', {
    id: 'tariffsGridId',
    title: 'Tariffs',
    store: tariffsStore,
    columns: [
        { text: 'Country', dataIndex: 'country' },
        { text: 'Tariff', dataIndex: 'tariff' }              
    ]
});

2。返回json的Http api

{
  countries: [...],
  tariffs: [..]
}

我想用ajax请求获取这个json，并根据一些逻辑将其转换为模型MyApp.model.Tariff的数组。

我如何才能正确实现？

我有两个想法：

1. 制作自定义阅读器（扩展名：＆＃39; Ext.data.reader.Json＆＃39;）并将其用于商店中的代理
2. 覆盖商店的加载方法并使用Ext.Ajax.request

哪种设计更好，请发布实施示例。