Question

以下代码使得看起来好像在fetch完成之前，AccItemList集合上的“reset”事件被触发。控制台的输出如下......

渲染

0

取

0

...所以在集合中有任何模型之前调用“render”，这显然是错误的，但即使在fetch成功回调中也是如此令人困惑，集合中似乎没有任何模型。我也尝试在路由器初始化程序中实例化AccItemList集合，但这没有任何不同。我确定我错过了一些基本的东西，请帮忙，这让我发疯了！

$(function () {

    var AccItem = Backbone.Model.extend({
        defaults: {}
    });

    var AccItemList = Backbone.Collection.extend({
        model: AccItem,
        url: "/Dashboard/Accommodation",
        parse: function (response) {
            this.add(response.AccItems);
        }
    });

    var AccListView = Backbone.View.extend({
        el: $("#temp"),
        initialize: function () {
            _.bindAll(this, 'render', 'renderAccItem');
            this.collection = new AccItemList();
            this.collection.on('reset', this.render);
            var that = this;
            that.collection.fetch({
                success: function () {
                    console.log("fetched");
                    console.log(that.collection.models.length);
                }
            });
        },
        render: function () {
            var that = this;
            console.log("rendering");
            console.log(this.collection.models.length);
        }
    });

    var App = Backbone.Router.extend({
        routes: {
            "": "index"
        },
        index: function () {
        },
        init: function () {
            var accItemView = new AccListView();
        }
    });

    var app = new App();
    app.init();

});

Answer 1

在AccItemList.parse中，您手动添加模型，除Backbone doc个状态外不返回任何内容

解析 collection.parse（响应）
     只要集合的模型是，Backbone就会调用
解析   由服务器返回，在fetch中。该函数是原始的   响应对象，应返回模型属性数组   添加到集合。简单的默认实现是no-op   通过JSON响应。如果您需要工作，请覆盖此项   使用预先存在的API，或更好的命名空间您的响应。注意   之后，如果你的模型类已经有一个解析函数，它会   针对每个获取的模型运行。

尝试

var AccItemList = Backbone.Collection.extend({
    model: AccItem,
    url: "/Dashboard/Accommodation",
    parse: function (response) {
        return response.AccItems;
    }
});

模拟代码和修改版本的小提琴：http://jsfiddle.net/nikoshr/Q25dp/

调用重置事件和成功回调的顺序取决于Backbone源中的实际实现。见http://documentcloud.github.com/backbone/docs/backbone.html#section-98

var success = options.success;
options.success = function(resp, status, xhr) {
    //reset call
    collection[options.add ? 'add' : 'reset'](collection.parse(resp, xhr), options);

    //custom success call
    if (success) success(collection, resp);
};

在获取完成之前触发了主干重置事件，并且集合为空

1 个答案: