Coda Ajax Backbone js

Question

Sto eseguendo Backbone js 0.9.2 su Rails 3.2.2, ho una pagina per aggiungere righe di costo. Un costo ha 3 campi di testo: titolo, descrizione e prezzo.

Sto risparmiando ogni costo su sfocatura.

model.save() viene chiamato più volte con intervalli molto brevi. Quale problemi uno create(post) richiede quindi una richiesta update(put) poco dopo. Il problema che sto vivendo è che la richiesta PUT raggiunge talvolta il server prima del POST, con il risultato che quel modello viene creato e mantenuto due volte (duplicato).

Per salvare su sfocatura è il comportamento richiesto, quindi ho bisogno di un modo per accodare le richieste. Ho letto qualcosa su Spine js e che lo risolvono con una specie di coda. Ho anche cercato su this, ma non riesco a capirlo.

Sembra che questo dovrebbe essere un problema comune, che funziona con "app a pagina singola" ma non riesce a trovare nulla a riguardo.

Answer 1

È possibile sovrascrivere il metodo di salvataggio e creare una coda con deferred object. Ad esempio,

var MDef = Backbone.Model.extend({ 
    url: "/echo/json/?delay=3", 

    initialize: function() { 
     this.queue = $.Deferred(); 
     this.queue.resolve(); 
    }, 

    save: function(attrs,options) { 
     var m = this; 
     console.log("set "+JSON.stringify(attrs)); 

     // this.queue = this.queue.pipe with jquery<1.8 
     this.queue = this.queue.then(function() { 
      console.log("request "+JSON.stringify(attrs)); 
      return Backbone.Model.prototype.save.call(m, attrs, options); 
     });    
    } 
}); 

var m = new MDef(); 
m.save({title: "a title"}); 
m.save({description: "a description"}); 
m.save({price: "a price"}); 

E un violino: http://jsfiddle.net/nikoshr/8nEUm/

Answer 2

Utente debounce da underscore.js.

Crea e restituisce una nuova versione di debounced della funzione passata che posticiperà l'esecuzione fino a dopo che sono trascorsi millisecondi dall'ultima volta in cui è stato richiamato.

In questo modo verrà attivato solo una volta dopo l'ultimo evento blur.