¿Cómo desencadenar/vincular eventos personalizados en las vistas de Backbone.js?

Question

Tengo una Vista de red troncal que usa iScroll para implementar una presentación de diapositivas.

iScroll publica un evento onScrollEnd, pero me parece que no puede obligar/suscribirse a él dentro de la Vista:

App.Views.Scroller = Backbone.View.extend({ 

    events: { 
     'onScrollEnd' : 'scrollEnd' 
    }, 

    initialize: function(){ 
     var self = this; 
     this.scroller = new iScroll('content-scroller', { 
      onScrollEnd: function() { 
       self.trigger('onScrollEnd'); 
      } 
     });  
    }, 

    scrollEnd: function(e){ 
     // never called :(
     console.log(e); 
    } 

}); 

Answer 1

Su caso está obligado a onScrollEnd elemento superior de la vista; Se llamará a scrollEnd cuando el elemento HTML de la vista recibió un evento onScrollEnd.

Pero está activando un evento onScrollend en su objeto View, no en el elemento.

En su lugar, probablemente desee decir $(self.el).trigger('onScrollEnd');, o tal vez llamar a la función directamente: self.scrollEnd().

Answer 2

Debe llamar a la función directamente o en su inicio, añadir lo siguiente:

self.bind('onScrollEnd', self.scrollEnd); 

Answer 3

Puede que no sea obvio, pero event propiedad en vistas Backbone.js se utiliza solamente para eventos DOM. Los eventos personalizados deben vincularse como James Brown mentioned above.