1

我目前这样设置我的模型:

var Contact = Backbone.Model.extend({
    defaults: {
        photo: "img/placeholder.png",
        name: "",
        address: "",
        tel: "",
        email: "",
        type: ""
    }
});

我的收藏是这样的:

var Directory = Backbone.Collection.extend({
    model: Contact
});

然后在我的主 app.js 文件中,我这样做是为了定义我的路线:

var AppRouter = Backbone.Router.extend({

    initialize:function () {
        $('#header').html(new HeaderView().render().el);
    },

    routes: {
        "filter/:type": "urlFilter"
    },

    urlFilter: function (type) {
        directory.filterType = type;
        directory.trigger("change:filterType");
    },

});

下面的代码出现错误,告诉我“目录”未定义。

    directory.filterType = type;
    directory.trigger("change:filterType");

在我看来,我像这样更新了这个系列,this.collection = new Directory(contacts);

我对骨干很陌生,我不确定我是否以正确的顺序做事,并且我的收藏在我尝试做我的 filterType 和 Trigger 时不存在,或者我是否完全拥有东西错误的。

我的代码可以在这里查看,http://dan.ms/backbone

任何指点都感激不尽。

4

1 回答 1

0

directory变量似乎是在回调中创建的tpl.loadTemplates。该变量在路由器内部访问的范围内不可用。一种方法是作为参数传递directory给构造函数。AppRouterAppRouter的构造函数中,将其保存为属性,并urlFilter通过当前实例在方法中访问它。

var AppRouter = Backbone.Router.extend({
  initialize: function (options) {
    this.directory = options.directory;
  },

  urlFilter: function (type) {
    this.directory.set("filterType", type);
  }
});

// Initialize with:
var directory = new DirectoryView;
var app = new AppRouter({ directory: directory });
Backbone.history.start();
于 2012-07-22T10:30:12.053 回答