Backbone 视图的默认值

Question

我有这个烦人的问题，我觉得这是因为我们不能像使用 Backbone 模型那样使用 Backbone 视图的默认值。我的目标是将默认值与 Backbone 视图一起使用，然后根据需要使用传递给初始化函数的选项覆盖它们。我遇到的问题是，当我调用 this.collection 时，Backbone 与 this.defaults.collection 不匹配，正如我所期望的那样。当我在初始化函数中调用 this.collection 时，我得到一个空点异常，即使我在默认值中分配了集合。

也许我需要的是初始化函数中的这个调用：

  this.options = _.extend(this.defaults, this.options);

然而，在这种情况下，then defaults 并没有做任何特别的事情。 this.defaults 可以称为 this.cholo。我想我想知道为什么 defaults/attributes 的行为与 Backbone 模型不同。

我有以下代码：

var IndexView = Backbone.View.extend({

                el: '#main-div-id',

                defaults: function(){
                    return{
                        model: null,
                        collection: collections.users,  
                        childViews:{
                            childLoginView: null,
                            childRegisteredUsersView: null
                        }
                    }
                },

                events: {
                    'click #loginAsGuest': 'onLoginAsGuest',
                    'click #accountRecoveryId': 'onAccountRecovery'
                },

                initialize: function (opts) {

                    this.options = Backbone.setViewOptions(this, opts);
                    Backbone.assignModelOptions(this,this.options);

                    _.bindAll(this, 'render', 'onFetchSuccess', 'onFetchFailure');

                    this.listenTo(this.collection, 'add remove reset', this.render);  //this.collection is not defined here

                    this.collection.fetch({ //null pointer here, this.collection is not defined
                        success: this.onFetchSuccess.bind(this),
                        error: this.onFetchFailure.bind(this)
                    });
                },

                render: function () {
                  //removed code because it's extraneous for this example

                },

                onFetchSuccess: function () {},

                onFetchFailure: function () {}
            },
            { //classProperties

                givenName: '@IndexView'
            });

...顺便说一句，为了使视图的每个实例的事件都不同，我是否应该将事件转换为类似默认值的函数？

Answer 1

Backbone.Model 中的 defaults 文字确实没有什么特别之处。如果你看一下 Backbone source，他们实际上是在模型构造函数中这样做的

Backbone.Model = function( attributes, options ) {
  // simplified for example
  var attrs = _.defaults( {}, attributes, this.defaults );
  this.set( attrs, options );
};

您可以在设置视图时采用完全相同的方法

var myView = Backbone.View.extend( {
  options: {
    // your options
  },

  initialize: function( options ) {
    this.options = _.defaults( {}, options, this.options );
  }
} );

如果您想将选项定义为函数以便在运行时对其进行评估，您可以使用以下内容

var myView = Backbone.View.extend( {
  options: function() {
    // your options
  },

  initialize: function( options ) {
    this.options = _.defaults( {}, options, _.result(this, 'options') );
  }
} );

要回答关于每个实例的不同事件的其他问题，是的，您可以将其定义为函数并将逻辑包含在该函数中，或者在实例化视图时将 events: { ... } 作为选项传递。

希望对您有所帮助。

Backbone 视图的默认值

Defaults for Backbone views

javascript

backbone.js