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

上一篇: A Backbone.js Collection of multiple Model subclasses

下一篇: How to save a Collection with backbone.js