在执行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]
不期望的行为始于保存和更新请求
这是我针对更新请求的测试响应...
/** 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 - Load nested data on record save,但没有回复。我感觉我的问题更加详尽。
编辑:我在Sencha论坛上发布了这个问题:http://www.sencha.com/forum/showthread.php?270336-Associated-Data-in-Model.save()-Response 编辑(8/23/13):我用一个完整的例子重写了这篇文章,并做了额外的发现...
updateTo
方法,以使其更加清晰/有帮助。 - John Hall