Backbone Promise

classic

//Template d'une page de contact.
var templateContact = require('./template/contact');

//Vue représentact la page de contact.
var ContactView = Backbone.View.extend({
  template: templateContact,
  //Fonction d'initialisation de la vue de contact.
  initialize: function initializeContactView(){
    this.listenTo(this.model, 'model:invalid', this.renderErrors, this);
    this.listenTo(this.model, 'model:valid', this.save, this);
    this.listenTo(this.model, 'change', this.render, this);
    this.model.fetch();
  },
  //Evènements de la vue.
  events: {
    "click button['submit']": "validate"
  },
  //parse the form and validate the model.
  parseAndValidate: function(event){
    this.parse();
    this.model.validate();
  },
  //Save the model (on the server or on the localStorage);
  save: function(){
    this.model.save();
  }
  //Rend la vue de contact.
  render: function renderContactView(){
   this.$el.html(this.template(this.model.toJSON()));
   return this; 
  }
});

promisified

//Template d'une page de contact.
var templateContact = require('./template/contact');

//Vue représentact la page de contact.
var ContactView = Backbone.View.extend({
  template: templateContact,
  //Fonction d'initialisation de la vue de contact.
  initialize: function initializeContactView(){
    this.listenTo(this.model, 'change', this.render, this);
    this.model.fetch();
  },
  //Evènements de la vue.
  events: {
    "click button['submit']": "save"
  },
  //parse the form and validate the model.
  save: function(event){
    var currentView = this;
    this.parse()
        .then(currentView.model.validate)
        .then(currentView.model.save)
        .catch(currentView.manageErrors);
  },
  //Rend la vue de contact.
  render: function renderContactView(){
   this.$el.html(this.template(this.model.toJSON()));
   return this; 
  }
});