Come clonare i modelli in Backbone

Question

Ho un modello che può essere modificato da una determinata vista; tuttavia, nella parte inferiore della vista, l'utente dovrebbe avere un'opzione per salvare o eliminare tutte le modifiche. Ciò significa che è necessario memorizzare un elenco di tutte le modifiche da apportare al modello e apportare tali modifiche solo dopo aver fatto clic sul pulsante "Salva". Questo sembra inutilmente complicato e mi è venuta in mente un'idea di un approccio alternativo che consiste nel creare un clone del modello e apportare modifiche a tale aspetto. Quindi se l'utente fa clic su "salva" elimina il vecchio modello e lo sostituisce nella sua raccolta con quello nuovo, altrimenti scarti il ​​modello clonato.

Questo è un approccio accettabile e, in caso affermativo, come posso implementare il processo di clonazione?

Ciò equivarrebbe a recuperare nuovamente i dati dal server (ma una richiesta HTTP aggiuntiva non è necessaria).

Answer 1

È possibile utilizzare il metodo clone. Breve esempio qui sotto:

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); 
    } 
}); 

Si potrebbe anche fare qualcosa di un po 'diverso:

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

Si può dare Backbone.Memento una prova.

Se non si desidera utilizzarlo, nessun problema. Ma puoi avere una buona idea di come dovrebbe essere fatto dalla base di codice.

Answer 3

Solitamente risolvo questo problema con una cache di oggetti sulla vista. In questo modo non aggiungo alcun overhead non necessario per modellare/visualizzare la gestione. L'eliminazione avviene naturalmente se l'utente chiude una vista senza salvare.

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); 
    } 
});