Question

我有这个恼人的问题，我感觉这是因为我们不能像Backbone Models那样使用Backbone Views的默认值。我的目标是使用带有Backbone View的默认值，然后根据需要使用传递给initialize函数的选项覆盖它们。我遇到的问题是，当我调用this.collection时Backbone与this.defaults.collection不匹配，正如我所料。当我在initialize函数中调用this.collection时，即使我在默认情况下分配了集合，我也得到一个零点异常。

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

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

然而，在这种情况下，默认值没有做任何特殊的事情。 this.defaults可以称为this.cholo。我想我想知道为什么默认值/属性与Backbone Models不同。

我有以下代码：

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

defaults中的Backbone.Model字面值并没有什么特别之处。如果您查看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视图的默认值

1 个答案: