Comment déclencher / lier des événements personnalisés dans Backbone.js point de vue?

J'ai une épine Dorsale Vue qui utilise iScroll à mettre en œuvre un diaporama.

iScroll publie un onScrollEnd événement, mais je n'arrive pas à lier/abonnez-vous à l'intérieur de la Vue:

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

});
  • J'ai aussi essayé l'extension de la barre de défilement de l'objet avec la colonne vertébrale.Les événements
InformationsquelleAutor meleyal | 2011-03-21
  1. 24

    Votre onScrollEnd événement est lié à la vue de l'élément supérieur; scrollEnd sera appelé lors de l'affichage de l'élément HTML a reçu une onScrollEnd événement.

    Mais vous êtes le déclenchement d'une onScrollend événement sur votre point de Vue de l'objet, pas l'élément.

    Donc, vous voulez probablement dire $(self.el).trigger('onScrollEnd'); au lieu de cela, ou peut-être appeler la fonction directement: self.scrollEnd().

    • J'ai juste appeler la fonction directement. Semble pour vaincre le point, mais il fonctionne 🙂
    • Ou moins verbeux self.$el.trigger('onScrollEnd');.
    InformationsquelleAutor Bart
  2. 25

    Il pourrait ne pas être évident, mais event propriété dans backbone.js vues est utilisé uniquement pour les événements DOM. Les événements personnalisés devraient être tenus comme James Brown mentionné ci-dessus.

    • Pour moi, cette réponse a été tout aussi important que la accepté de répondre. Merci.
    InformationsquelleAutor Dmitry G.
  3. 18

    Vous devez appeler la fonction directement ou dans votre init, ajouter ceci:

    self.bind('onScrollEnd', self.scrollEnd);
    InformationsquelleAutor James Brown