backbone.js - 如何在主干的不同视图中调用相同的函数

Question

我在我的主干项目中创建了一个客户类：

function Cart(){
    //some working code here
    this.updateQtyLabel = function(labelName){
        $('#'+ labelName).text(getTotalQtyItemCart());
    };
}

我在我Home看来调用了这个函数：

var myCart = new Cart();
var HomeView = Backbone.View.extend({
   initialize: function() {
        myCart.updateQtyLabel("qtyCart");
   },
   //..... code of home view 
}

这是 index.html 中的 html 块：

<div id="qtyCart"></div>

所以updateQtyLable()我的网页中标题的主页视图中唯一的工作。

谁能给我一些想法，我应该如何/在哪里调用它updateQtyLable()以使其适用于我网站的所有页面。

非常感谢。

Answer 1

没有为所有视图调用某个函数的全局方法。因此，您可以为所有视图编写基础对象，并在它们的初始化方法中调用方法。像这样的东西：

var BaseView = Backbone.View.extend({
    initialize: function () { ..call here what you need...}
});

var HomeView = BaseView.extend({
    initialize: function () {
      BaseView.prototype.initialize.call(this);
      ..other code here...
    }
});