Backbone.js访问另一个视图函数

Question

我正在使用Backbone.js开发一个应用程序

我有2个视图，我想使用在其他视图中定义的函数：

var FormView = Backbone.View.extend({
  initialize: function(){
    resultsView.myFunction();
  }

})


var resultsView = Backbone.View.extend({
  myFunction: function(){
    alert('test')
  }
})

我怎么能这样做？

Answer 1

你正在以相反的方式做到这一点。 您可以执行其他视图可以扩展和实现的base view ，例如：

/** Any Views that inherit from this View can use the myFunction() */
var BaseView = Backbone.View ({
  myFunction : function(param) {
      alert(param);
  }
});

/** Inherit from the base view above */
var ChildView = BaseView.extend({
  initialize : function(){
      this.myFunction('test');
  }
});

var instanceView = new ChildView({});

Answer 2

为什么不使用活动？

路由和该事件汇聚器协调

Answer 3

当您使用Backbone.View.extend ，您正在创建一个class 。 要使用该类，您需要使用new运算符创建instance 。 通常使用大写字母和带小写字母的实例变量名称来启动类名，因此我将在以下示例中使用该命名约定：

//declare view class
var ResultsView = Backbone.View.extend({
  myFunction: function(){
    alert('test')
  }
});

创建类的实例，并将其传递给FormView ：

var resultsView = new ResultsView();
var formView = new FormView({ resultsView: resultsView });

访问FormView.initialize传递的参数：

var FormView = Backbone.View.extend({
  initialize: function(options){
    options.resultsView.myFunction();
  }
});