煎茶觸摸 - 包含數組

Question

可能重複存儲JSON文件：
Sencha Touch JSON Format

我有以下的JSON文件，我想分析到我的煎茶觸摸應用。我無法弄清楚使用什麼類型的「存儲」（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]]}] 

任何幫助將不勝感激！

Answer 1

以下代碼適用於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();