更新されたデータがサーバーの応答に含まれているにもかかわらず、応答の結果セットに含まれるレコードがModel.save()更新された関連データを正しく返さない理由が気になります...
モデルと店舗定義の例:
Ext.define("App.model.test.Parent",{
extend: 'Ext.data.Model',
requires: ['App.model.test.Child'],
fields: [
{name: 'id', type: 'int' },
{name: 'name', type: 'string'},
{name: 'kids', type: 'auto', defaultValue: []}
],
idProperty: 'id',
hasMany: [{
foreignKey: 'parent_id',
model: 'App.model.test.Child',
associationKey: 'kids',
name: 'getKids'
}],
proxy: {
type: 'ajax',
api : {
create: '/service/test/create/format/json',
read : '/service/test/read/format/json',
update : '/service/test/update/format/json'
},
reader: {
idProperty : 'id',
type : 'json',
root : 'data',
successProperty : 'success',
messageProperty : 'message'
},
writer: {
type : 'json',
writeAllFields : true
}
}
});
Ext.define("App.model.test.Child",{
extend: 'Ext.data.Model',
fields: [
{name: 'id', type: 'int' },
{name: 'name', type: 'string'},
{name: 'parent_id', type: 'int'}
]
});
Ext.define("App.store.test.Simpson",{
storeId: 'TheSimpsons',
extend: 'Ext.data.Store',
model : 'App.model.test.Parent',
autoLoad: true,
autoSync: false
});
アプリケーション サーバーREADは、単一のモデルとそれに関連付けられたデータを使用して、プロキシの要求に応答します。これはすべて機能しているハンキードーリーです！
READ 要求に対するサーバーの応答
{
"data":{
"id":1,
"name":"Homer Simpson",
"children":{
"1":{
"id":1,
"name":"Bart Simpson"
},
"2":{
"id":2,
"name":"Lisa Simpson"
},
"3":{
"id":3,
"name":"Maggie Simpson"
}
}
},
"success":true,
"message":null
}
これまでのところ、すべてが計画どおりに機能しています...
store = Ext.create("App.store.test.Simpson");
homer = store.getById(1);
kids = homer.getKids().getRange();
console.log("The Simpson Kids", kids); // [>constructor, >constructor, >constructor]
望ましくない動作は、保存と更新の要求から始まります
UPDATEリクエストに対する私のテスト応答は次のとおりです...
/** Server UPDATE Response */
{
"data":{
"id":1,
"name":"SAVED Homer Simpson",
"kids":[{
"id":1,
"name":"SAVED Bart Simpson",
"parent_id":1
},{
"id":2,
"name":"SAVED Lisa Simpson",
"parent_id":1
},{
"id":3,
"name":"SAVED Maggie Simpson",
"parent_id":1
}]
},
"success":true,
"message":null
}
/** Will call proxy UPDATE, response is above */
homer.save({
success: function(rec, op){
var savedRec = op.getRecords().pop(),
kidNames = '';
console.log(savedRec.get('name')); // SAVED Homer Simpson = CORRECT!
Ext.each(savedRec.getKids().getRange(), function(kid){
kidNames += kid.get('name') + ", ";
});
console.log(kids);
//Outputs: Bart Simpson, Lisa Simpson, Maggie Simpson = WRONG!!
}
})
サーバーから返されたレコードを調べると、生成されたアソシエーション ストア (つまりgetKidsStore) に含まれるレコードは元のレコードであることがわかります。つまり、名前に「SAVED」が含まれていません。kidsただし、返されたレコードのプロパティには、実際には正しいデータが含まれています。
私が問題を正しく理解していれば、が応答Ext.data.reader.Readerに含まれる関連データで関連ストアを正しく更新していないということです。もしそうなら、私の意見では、これは非常に直感的ではありません。最初に、リクエストを処理し、生成されたアソシエーション ストアにデータを入力する.save()リーダーと同じ動作を期待するからです。store.load()
私が求めている行動を達成するために、誰かが私を正しい方向に向けることができますか?
免責事項:同じ質問がここで尋ねられました: ExtJs 4 - レコードの保存時にネストされたデータをロードしますが、応答はありません。私の質問はもう少し徹底しているように感じます..
編集: Sencha フォーラムにこの質問を投稿しました: http://www.sencha.com/forum/showthread.php?270336-Associated-Data-in-Model.save()-Response
編集 (2013 年 8 月 23 日):この投稿を完全な例と追加の調査結果で書き直しました...