Backbone.js批量更新集合

时间:2015-03-31 08:17:49

标签: javascript backbone.js web

我有一个对象集合,这些对象将被批量更新(不一定所有同时,但不止一个)。

因此,我需要批量发送更新到服务器(即不是每个更新对象的一个​​请求),我需要进行部分更新(即只更新已更改的对象)。

我遇到的问题:

  1. Collection上没有save()方法(奇怪的是它有fetch()方法)
  2. 自上次与服务器同步以来,没有内置跟踪集合中已更改的模型。
  3. 是否有一种干净,优雅的方式来实现这一目标?

    我已经研究过并试过了一些东西,但是所有的解决方案都相当混乱 - 这对于一个简化这类事情的框架来说是不可接受的。

    肯定有一种很好的方法可以在Backbone中做这么常见的事情。或者我应该使用其他框架,例如Angular JS?

2 个答案:

答案 0 :(得分:1)

您只需构建模型的JSON表示数组即可。这样的事情。

Backbone.Collection.prototype.save = function()
{
    var data = [];
    for (var n = 0; n < this.length; ++n)
    {
        data.push(this.models[n].toJSON());
    }

    // save data through jQuery
    console.log(data);
};

var col = new Backbone.Collection();
col.add({status: true});
col.add({status: false});
col.save();

您可以添加一些model.hasChanged()支票,以防止不必要的节省。

答案 1 :(得分:0)

只是为了帮助找到这个问题的人,这就是我最终使用的内容(基于@ joconja的答案):

Backbone.Collection.prototype.saveChanges = function() {
    var data = [];

    for (var i = 0; i < this.length; ++i) {
        if (this.models[i].hasChanged()) {
            var changes = this.models[i].changedAttributes();
            changes.id = this.models[i].get('id');
            data.push(changes);
            this.models[i].changed = {};
        }
    }

    Backbone.ajax({
        url: this.url,
        method: 'PUT',
        contentType: 'application/json',
        data: JSON.stringify(data)
    });
};