我很好奇为什么响应的结果集中包含的记录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 - 在记录保存时加载嵌套数据但没有响应。我觉得我的问题更彻底..
编辑:我已经在 Sencha 论坛上发布了这个问题:http ://www.sencha.com/forum/showthread.php?270336-Associated-Data-in-Model.save()-Response
编辑(8/23/13):我用一个完整的例子重写了这篇文章,以及额外的发现......