Wie zu klonen Modelle in Backbone

Question

ich ein Modell haben, die durch eine bestimmte Ansicht bearbeitet werden können; Am Ende der Ansicht sollte der Benutzer jedoch eine Option zum Speichern oder Verwerfen aller Änderungen erhalten. Das bedeutet, dass Sie eine Liste aller am Modell vorzunehmenden Änderungen speichern müssen und diese Änderungen erst dann vornehmen müssen, wenn Sie auf die Schaltfläche "Speichern" geklickt haben. Das klingt unnötig kompliziert und ich habe mir eine alternative Vorgehensweise ausgedacht, die darin besteht, einen Klon des Modells zu erstellen und Änderungen in der Ansicht vorzunehmen. Wenn der Benutzer dann auf "Speichern" klickt, löschen Sie das alte Modell und ersetzen Sie es in seiner Sammlung durch das neue, andernfalls verwerfen Sie das geklonte Modell.

Dieser dies ein akzeptabler Ansatz, und wenn ja, wie kann ich das Klonen Prozess implementieren?

wäre Dies äquivalent die Daten von dem Server wieder (aber eine zusätzliche HTTP-Anforderung scheint unnötig) zu holen.

Answer 1

Sie könnten die clone Methode verwenden. Kurz Beispiel unten:

var Model = Backbone.Model.extend({}); 
var View = Backbone.View.extend({ 
    initialize: function() { 
     this.realModel = this.model; 
     this.model = this.realModel.clone(); 
    }, 
    onSave: function() { 
     this.realModel.set(this.model.attributes); 
    } 
}); 

könnten Sie auch tun etwas ein bisschen anders:

var Model = Backbone.Model.extend({}); 
var View = Backbone.View.extend({ 
    initialize: function() { 
     // save the attributes up front, removing references 
     this._modelAttributes = _.extend({}, this.model.attributes); 
    }, 
    onSave: function() { 
     // revert to initial state. 
     this.model.set(this._modelAttributes); 
    } 
}); 

Answer 2

Sie können Backbone.Memento geben einen Versuch.

Wenn Sie nicht, es zu benutzen kein Problem wollen. Aber, Sie können eine gute Idee bekommen, wie es von der Codebasis getan werden sollte.

Answer 3

ich in der Regel dieses Problem mit einer Objekt-Cache für die Sicht lösen. Auf diese Weise kann ich der Modell-/Ansichtsverwaltung keinen unnötigen Aufwand hinzufügen. Das Verwerfen geschieht natürlich, wenn der Benutzer eine Ansicht schließt, ohne zu speichern.

var Model = Backbone.Model.extend({ 
    'title': 'Hello' 
}); 

var View = Backbone.View.extend({ 
    initialize: function() { 

     // Holds temporary values until save 
     this.cache = {}; 

    }, 
    onTitle: function() { 
     this.cache.title = 'World'; 
    }, 
    onSave: function() { 
     this.model.set(this.cache); 
    } 
});