骨干backgrid:如何避免双变化事件

时间:2016-10-10 11:56:51

标签: javascript backbone.js backgrid

我有一个主干/ backgrid可编辑网格,每次我编辑一个单元格时,“更改”事件会被激活两次,最后我会发出两个单独的PUT请求。

我知道发生这种情况是因为当我在单元格中编辑它时,“change”事件会触发一次,而当数据从服务器返回时,会发生另一次事件。并且可以通过将{wait: true}传递给save方法来避免这种行为,但我不知道我需要在哪里重载它。

我的模型声明是这样的:

var Redirects = Backbone.Model.extend({
    urlRoot: '/global/redirects',
    initialize: function () {
        Backbone.Model.prototype.initialize.apply(this, arguments);

        this.on("change", function (model, options) {
            if (options && options.save === false) return;
            model.save({
                error: alertMe
            });
        });

        this.on('fetch request', function (e) {
            loadingOn(e);
        });

        this.on('sync error', function (e) {
            loadingOff(e);
        });

        this.on('error', function(e, resp){
            alertMe(e, resp);
        });
    }
});

1 个答案:

答案 0 :(得分:1)

当从服务器同步模型时,不管wait选项如何,都不应该收到第二个更改事件。

save调用中的问题是您没有指定attributes哈希值,即第一个参数。如果您没有任何要修改的属性,考虑到您正在为更改事件触发保存,可能就是这种情况,您将需要以下内容:

    this.on("change", function (model, options) {
        if (options && options.save === false) return;
        model.save(null, {error: alertMe});
    });

实际发生的情况是您将error设置为模型的属性,并触发了change事件。