Backbone.js多个模型子类的集合
我有一个REST Json API,它返回一个列表“日志”。 有许多类型的日志实现不同但相似的行为。 数据库层的服务器端实现是一种单表继承,所以日志的每个JSON表示都包含它的“类型”:
[
{"type": "ULM", "name": "My uml logbook", ... , specific_uml_logbook_attr: ...},
{"type": "Plane", "name": "My plane logbook", ... , specific_plane_logbook_attr: ...}
]
我想在客户端复制这个服务器模型,所以我有一个基本的Logbook
类和多个日志子类:
class Logbook extends Backbone.Model
class UmlLogbook extends Logbook
class PlaneLogbook extends Logbook
...
我的Backbone.Collection
是一组用于查询JSON API的Logbook
模型:
class LogbookCollection extends Backbone.Collection
model: Logbook
url: "/api/logbooks"
当我获取日志集合时,是否有办法将每个Logbook
转换为其相应的子类(基于JSON“type”属性)?
确实如此。
当你在一个集合上调用'fetch'时,它在将它添加到集合之前通过Backbone.Collection.parse传递响应。
'parse'的默认实现只是按照原样传递响应,但您可以覆盖它以返回要添加到集合的模型列表:
class Logbooks extends Backbone.Collection
model: Logbook
url: 'api/logbooks'
parse: (resp, xhr) ->
_(resp).map (attrs) ->
switch attrs.type
when 'UML' then new UmlLogbook attrs
when 'Plane' then new PLaneLogbook attrs
编辑:哇,伊顿普利在我之前到达那里。 唯一的区别是他使用'each',我用'map'。 两者都可以工作,但不同。
使用'each'有效地打破了'fetch'调用开始的链(通过返回'undefined' - 随后的调用'reset'(或'add')因此将不会做任何事情)并且在解析中执行所有处理功能。
使用'map'只是将属性列表转换为模型列表,并将其传递回已经运动的链。
不同的笔画。
再次编辑:刚才意识到还有另一种方法来做到这一点:
集合上的“模型”属性只有在集合知道如何在“添加”,“创建”或“重置”中传递属性时才能创建新模型。 所以你可以做一些事情:
class Logbooks extends Backbone.Collection
model: (attrs, options) ->
switch attrs.type
when 'UML' then new UmlLogbook attrs, options
when 'Plane' then new PLaneLogbook attrs, options
# should probably add an 'else' here so there's a default if,
# say, no attrs are provided to a Logbooks.create call
url: 'api/logbooks'
这样做的好处是,集合现在将知道如何将“日志”的正确子类“投”到“取”之外的其他操作。
是。 你可以重写集合上的parse
函数(我将使用JavaScript而不是coffeescript,因为这是我所知道的,但映射应该很简单):
LogbookCollection = Backbone.Collection.extend({
model: Logbook,
url: "/api/logbooks",
parse: function(response){
var self = this;
_.each(response, function(logbook){
switch(logbook.type){
case "ULM":
self.add(new UmlLogBook(logbook);
break;
case "Plane":
...
}
}
}
});
希望这可以帮助。
作为骨干0.9.1,我已经开始使用esa-matti suuronen的拉动请求中描述的方法:
https://github.com/documentcloud/backbone/pull/1148
在应用补丁之后,你的收藏将会是这样的:
LogbookCollection = Backbone.Collection.extend({
model: Logbook,
createModel: function (attrs, options) {
if (attrs.type === "UML") { // i'am assuming ULM was a typo
return new UmlLogbook(attrs, options);
} else if (attrs.type === "Plane") {
return new Plane(attrs, options);
} else {
return new Logbook(attrs, options);
// or throw an error on an unrecognized type
// throw new Error("Bad type: " + attrs.type);
}
}
});
我相信这会适合你使用STI(所有型号都有独特的ID)
链接地址: http://www.djcxy.com/p/67131.html