7

モデルのコレクション全体をbackbone.jsのサーバーに同期しようとしています。コレクションのモデルのすべての属性を含むJSONパッケージをサーバーにPOSTしたいと思います。これはかなり単純なはずですが、私が間違っていることはわかりません。

      var RegisterCollection = Backbone.Collection.extend({ 
    initialize: function () {_(this).bindAll('syncCollection');},

    model: RegisterModel, 

    url: 'api/process.php',
    updateModel: function(registerModel) {
        var inputName = '#'+registerModel.get('inputName');
        var userInput = $(inputName).val();
        registerModel.set({value: userInput});
    },
    syncCollection: function(registerModel) {
        this.sync();
    }

});
var RegisterCollectionView = Backbone.View.extend({
    el: "#register",
    events: {
        "click #submit" : "validate"
    },

    validate: function(e) {
        e.preventDefault();
        $("#register").valid();
        if ($("#register").valid() === true) {
            this.updateModels();
            this.collection.syncCollection();
        }
    },
    updateModels: function (){
        this.collection.forEach(this.collection.updateModel, this);;    
    },
    initialize: function(){
        this.collection.on('reset', this.addAll, this);
    },  
    addOne: function(registerModel){
        var registerView = new RegisterView({model: registerModel});
        this.$el.append(registerView.render().el);  
    },
    addAll: function(){
        this.$el.empty();
        this.collection.forEach(this.addOne, this);
        this.$el.append('<button type="submit" class="btn-primary btn" id="submit" style="display: block;">Submit</button>');
    },
    render: function(){
        this.addAll();
        return this;
    }
});
var registerCollection = new RegisterCollection();
registerCollection.fetch();

var registerCollectionView = new RegisterCollectionView({collection: registerCollection});
registerCollectionView.render();

syncCollection（）を呼び出そうとすると、次のエラーが返されます。BackboneをUncaught TypeError: Object [object Object] has no method 'save'初めて使用するため、どこかでかなり基本的な間違いを犯している可能性があります...

4

2 に答える 2

13

OK、淹れたてのコーヒーと1日後、私はそれを手に入れました。sync（）を不適切に呼び出していました。これが私たちがすべきだったことです：

syncCollection: function() {
        Backbone.sync('create', this);
    }

この問題の調査を手伝ってくれたmachineghostに感謝します-私は完全に間違ったことに集中していました。

于 2013-01-04T16:34:09.807 に答える
4

このエラーが発生する理由Backbone.Collectionは、saveメソッドがないためです（そのモデルにはあります）。あなたが探していると思うのは：

syncCollection: function() {
    _(this.models).each(function(model) {
        model.save();
    });
}

またはさらに良いことに、Collection'sを使用してeach：

syncCollection: function() {
    this.each(function(model) {
        model.save();
    });
}

またはさらに良いことに、Collection'sを使用してinvoke：

syncCollection: function() {
    this.invoke('save');
}

しかし、Backbone.Collectionあなたが望むことを（私が思うに）行う方法がすでにあるので、あなたがそれのどれかを必要とするかどうかさえわかりません：sync。

バックボーンドキュメントから：

collection.sync（method、collection、[options]）

Backbone.syncを使用して、コレクションの状態をサーバーに永続化します。カスタム動作のためにオーバーライドできます。

于 2013-01-03T20:35:23.823 に答える