ExtJS 6 Rest ProxyここでJSONデータオブジェクトはIDです

Question

私は、このJSONデータ構造をどのように扱うかについて誰かが私に案内してくれることを願っています。ここで

がその例です。（私はこのデータのゼロコントロールを持っている）

{ 
    "1": { 
     "name": "thing 01", 
     "attributes": { 
      "color": "red", 
      "brand": "ACME" 
     } 
    }, 
    "2": { 
     "name": "thing 02", 
     "attributes": { 
      "color": "blue", 
      "brand": "ACME" 
     } 
    } 
} 

だから私はreader

Ext.define('MyApp.model.Thing', { 
    extend: 'Ext.data.Model' 

    fields: [ 
     { name: 'name' }, 
     { name: 'attributes', type: 'auto' } 
    ], 

    proxy: { 
     type: 'rest', 
     url: 'http://example.com/api/things', 

     reader: { 
      type: 'json', 
      rootProperty: ??? // <--- How should this work? 
     } 
    } 
}); 

を使用してレコードを取得する方法について困惑している私はしました次のようなことをする方法があるかどうか疑問に思った。

rootProperty: '[id]' 

また、 IDはデータオブジェクトの場合はIDですか？おそらくモデルにidPropertyの設定を使用していますか？

reader.formatメソッドを使用する必要がありますか？それは少し総体に見えるだろう...

すべてのアイデアが評価されます。ありがとう！

Answer 1

あなたのEXACTに関する質問はすでにhereです。

カスタムリーダーを実装し、getResponseDataメソッドをオーバーライドする必要があります。

Ext.define('MyReader', { 
    extend: 'Ext.data.reader.Json', 
    alias: 'reader.myreader', 

    getResponseData: function(response) { 
     var data = this.callParent([response]); 

     //do stuff here 

     return data; 
    } 
}); 

Answer 2

カスタムリーダークラスを書く：

Ext.define('MyReader', { 
    extend: 'Ext.data.reader.Json', 
    alias: 'reader.myreader', 

    config: { 
     transform: function (data) { 
      var ret = [], 
       key, o; 

      for (key in data) { 
       o = data[key]; 
       o.id = key; 
       ret.push(o); 
      } 

      return ret; 
     } 
    } 
}); 

Ext.define('Thing', { 
    extend: 'Ext.data.Model', 

    fields: ['name', 'attribute'], 

    proxy: { 
     type: 'ajax', 
     url: 'data1.json', 

     reader: { 
      type: 'myreader' 
     } 
    } 
}); 

例fiddle。