我们如何在Backbone.js中表示深层模型层次结构

时间:2012-06-20 21:16:29

标签: backbone.js

我看到有一些技术可以在Backbone中使用深层模型,但是单个模型的层次化集合怎么样呢?

一个明显的例子是类别树。所以,我们可以有一个类别模型,它有一些属性,'名称','类型','颜色',等等。

我们不是使用关系数据库样式的父ID,而是使用js,所以我们希望数据表示为json。

是否可以利用主干来支持(可能是通过扩充集合)数据结构,其中包含树中单个模型的实例(这样模型和子模型都是同一模型的实例)?

1 个答案:

答案 0 :(得分:8)

查看Backbone-Relationalsupermodel.js

这些项目提供了比默认实现更好的模型嵌套形式。

我们只是嵌套Backbone模型,如:

var MyModel = Backbone.Model.extend({});
var MySubModel = Backbone.Model.extend({});

var model = new MyModel({submodel: new MySubModel({color: 'blue'})});

我们覆盖toJSON方法:

// nested models!  Might just override the internal representation of this...
_.extend(Backbone.Model.prototype, {
  // Version of toJSON that traverses nested models
  toJSON: function() {
    var obj = _.clone(this.attributes);
    _.each(_.keys(obj), function(key) {
      if(!_.isUndefined(obj[key]) && !_.isNull(obj[key]) && _.isFunction(obj[key].toJSON)) {
        obj[key] = obj[key].toJSON();
      }
    });
    return obj;
  }
});

_.extend(Backbone.Collection.prototype, {
  // Version of toJSON that traverses nested models
  toJSON: function() {
    return this.map(function(model){ return model.toJSON(); });
  }
});

因此,当我们嵌套模型时,JSON表示看起来是正确的。你必须注意模型上的parse方法 - 当你从服务器上取回你的JSON时,你将不得不在那里生成所有的子模型和集合,以便它能够全部工作正确。