我们想为我们的 ember 项目添加延迟加载功能,但看起来 ember 将始终使用 NULL 覆盖响应 JSON 未返回的字段。首先,我得到一个用户列表:
获取 https://example.com/users
{
"users": [
{
"id": 1,
"name": 'user1',
"email": 'email@user1.com',
"images": [],
"posts": []
},
{
"id": 2,
"name": 'user2',
"email": 'email@user2.com',
"images": [],
"posts": []
},
{
"id": 3,
"name": 'user3',
"email": 'email@user3.com',
"images": [],
"posts": []
},
]
}
这提供了一组最小的用户信息,有两个空的 hasMany 关系"图像"和"帖子"。
现在,如果有人想查看用户的帖子或图像,他会单击触发延迟加载的按钮:
获取 https://example.com/userImages/1
{
"user": {
"id": 1,
"images": [1,2,3,4]
},
"images": [
{
"id": 1,
"name": "image1",
"path" "path/to/img1/"
},
{
"id": 2,
"name": "image2",
"path" "path/to/img2/"
},
{
"id": 3,
"name": "image3",
"path" "path/to/img3/"
},
{
"id": 4,
"name": "image4",
"path" "path/to/img4/"
}
]
}
为了将流量降至最低,仅包含新加载的信息。适配器反序列化并将新数据推送到存储后,User1 中未包含在有效负载(名称、电子邮件)中的所有字段在 ember 存储中设置为 NULL(使用 store.pushPayload('model', payload)进行测试)。
是否可以仅更新传入数据?还是有处理此类情况的常见最佳实践?
提前感谢您的帮助
编辑:一种可能性是用块扩展余烬数据"_load()"函数
for (var key in record._data) {
var property = record._data[key];
if( typeof(data[key]) == 'object' && data[key] == null ) {
data[key] = property;
}
}
但这是我能想象到的最糟糕的解决方案。
您想要的是商店的更新方法。它就像push
(或pushPayload
),只是它只更新你提供给它的数据。
您的属性返回一个承诺,该承诺返回从服务器返回的任何内容。
foobar: function() {
return this.store.find('foobar');
}
当承诺解析时,您有两个版本的数据,一个已经在客户端中呈现(dataOld),另一个刚刚从后端返回(dataNew)。要在不删除未更改的内容的情况下更新客户端,您必须合并新旧客户端。大致如下:
foobar: function() {
var dataOld = this.get('foobar');
return this.store.find('foobar').then(function(dataNew) {
return Ember.$.merge(dataOld, dataNew);
});
}