主干收集事件未触发。我错过了什么吗？

Question

我正在尝试制作一个预加载器，但在第一步中就陷入了困境。在使用 jquery 和“原始”js 之前，我已经构建了一个不错的脚本，基本上发生的情况是我有一个名为 img/ui 的文件夹和一个服务器端脚本，该脚本仅提供该文件夹的 JSON 转储。该请求是 /preload js，然后将其排队并根据具有超时和超时的加载事件过程一一加载它们。错误处理程序。 我正在尝试将其移植到 Backbone。我认为的模式是一个集合，它加载 JSON，为每个资产构建一组模型，然后将单个视图附加到集合以显示队列的状态……很简单。

但我已经卡住了..首先我必须手动获取JSON，否则它不会做任何事情..很好..完成，其次即使加载了JSON，它也不会触发解析方法（或任何其他方法）：

var PreloaderCollection = Backbone.Collection.extend({
    model:PreloaderModel,
    url:"/preload",
    events: {
        "change":"parse"
    },
    initialize: function()
    {
        _.bindAll(this);
        this.fetch(this.url);
    },
    setup: function(args)
    {

    },
    update: function(args)
    {

    },
    parse:function(args){
        log(args)
    },
    remove: function(args)
    {

    }
});

我是真的开始对 Backbone 感到沮丧，这是我的第一个主要项目，尽管阅读了每个教程并完全浏览了源代码，但模式和功能似乎存在很多矛盾。

编辑：

这是最后的手段，感觉很肮脏，但这是我“绕过”这个问题的方法。 我基本上用我自己的方法覆盖了 fetch 函数，现在可以工作了，但是......嗯，

var PreloaderCollection = Backbone.Collection.extend({
    url:"/preload",
    events: {
        "reset":"parse"
    },
    initialize: function()
    {
        log("initing preloader collection")
        _.bindAll(this);
        this.bind("change",this.parse)
        this.fetch(this.url);
    },
    fetch:function(args){
        $.getJSON(
            args,
            this.parse
        )
    },
    setup: function(args)
    {

    },
    update: function(args)
    {

    },
    parse:function(args){
        log("parse",args)
    },
    remove: function(args)
    {

    }
});

Answer 1

您使用了错误的方式绑定到您的事件:)
通过事件的哈希值，您可以在视图上声明 jquery 需要绑定到 DOM 中的元素的所有事件。

在模型或集合中，您绑定到重置/更改/错误事件，如下所示：

var myModel = Backbone.Model.extend({});

var myCollection = Backbone.Collection.extend({
    model: myModel,
    initialize: function() {
        this.bind('reset', this.parse, this)
    },
    parse: function() {
        alert('parsing');
    }
});

var c = new myCollection({});
c.reset([{name: 'name1'}, {name: 'name2'}]);

在此处查看有关事件绑定的更多信息：http: //documentcloud.github.com/backbone/#Events-bind

查看有关您尝试使用的 delegateEvents 的更多信息，但仅用于 DOM 元素事件绑定的视图中：http://documentcloud.github.com/backbone/#View-delegateEvents

查看 jsfiddle 的工作版本：http://jsfiddle.net/saelfaer/kt2KJ/1/

Answer 2

获取后监听的事件被重置。因此，对于 actin 来说，你必须写：
事件：{
“重置”：“解析”
fetch

的文档可以在主干页面上找到：
http://documentcloud.github.com/backbone/#Collection-fetch