分组模型属性 - 主干

时间:2012-06-20 21:50:33

标签: backbone.js

我最近开始学习骨干,并想知道在骨干模型中分组模型属性的最佳方法是什么?我正在考虑使用一个专门的视图来处理模型属性的一个子集。

例如,如果我有一个汽车模型,并且我想将所有关于引擎的信息分组,那么我可以将这些属性传递给视图吗?像car.engine_info

这样的东西
Car = Backbone.Model.extend({
    initialize: function() {
        this.engine_info = this._set_engine_info();
    }
    _set_engine_info: function() {
        return {displacement:this.get('displacement'), horsepower: this.get('horsepower')};
}

1 个答案:

答案 0 :(得分:3)

您应该考虑制作多个模型,而不是返回一组单独的数据。这些数据不具备支持事件处理和更新的骨干力量。您正在创建一个只具有属性和值的新对象。

而是为每个组件制作模型

汽车有 - 引擎,功能等

Engine = Backbone.Model.extend({
  defaults: {
      cylinders: 4,
      horsepower: 180
  }
});

Features = Backbone.Model.extend({
    defaults: {
      powerwindows: true,
      airconditioning: true
    }
});

然后通过覆盖构造函数将功能集混合到汽车模型中

Car = Backbone.Model.extend({
    defaults: function () {
       return {
         engine: new Engine(),
         features: new Features()
       };
    },
    constructor: function ( attrs ) {
        attrs || ( attrs = {} );
        if ( attrs.engine ) {
            attrs.engine = new Engine( attrs.engine );
        } 
        // etc
        Backbone.Model.prototype.constructor.call( this, attrs );
    }
});

另一个选择是创建汽车并创建一些添加功能的装饰器功能,但坦率地说我更喜欢列出的方法。现在,您可以让单独的组件听取自己的更改

var car = new Car({
    engine: { // props },
    features: { //props }
});

car.get( 'features' ).on( 'change:powerwindows', // some function, this );

所有这一切背后的真正力量是分离汽车整体功能集的责任。汽车不应该担心它的所有零件。让引擎担心引擎,并让功能担心功能。