Sencha Touch - 存储包含Array的JSON文件

时间:2012-06-22 15:38:02

标签: javascript json sencha-touch extjs sencha-touch-2

  

可能重复:
  Sencha Touch JSON Format

我有以下JSON文件,我想解析我的Sencha Touch应用程序。我无法弄清楚要使用什么类型的“商店”(Store,JsonStore,ArrayStore等)以及“字段”设置会是什么样的。数组中的每个“数据点”应存储为xValue和yValue。我不明白如果没有单独的标签,这些点是如何读取的......

[{"target": "stats.server1", "datapoints": [[22, 34], [99, 12], [13, 15], [56, 12], [34, 2], [13, 23], [23, 34], [55, 88]]},{"target": "stats.server2", "datapoints": [[22, 34], [99, 12], [13, 15], [56, 12], [34, 2], [13, 23], [23, 34], [55, 88]]}]

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:6)

以下代码适用于Ext JS 4.1,但据我了解,Touch 2中的数据框架是相同的。

// A reader defines how to process incoming data.
Ext.define('My.PointsReader', {
    extend: 'Ext.data.reader.Json',
    alias: 'reader.points',
    getData: function(data) {       // overriding
        data = this.callParent(arguments);
        var result = [];
        Ext.each(data, function(entry) {
            Ext.each(entry.datapoints || [], function(point) {
                result.push({
                    xValue: point[0], yValue: point[1],
                    target: entry.target
                });
            });
        });
        return result;
    }
});

// A store is always Ext.data.Store (or TreeStore, for trees).
// But its proxy, reader and writer can be customized.
var store = Ext.create('Ext.data.Store', {
        fields: ['xValue', 'yValue', 'target'],
        proxy: {
            type: 'ajax',
            url: 'test.json',
            reader: 'points'
        }
    });

store.load();