de palanca en eventos Backbone.js

Question

me gustaría poner en práctica una animación reversible en la espina dorsal, de la misma manera que lo hacemos en jQuery:

$('a.contact').toggle(
function(){ 
    // odd clicks 
}, 
function(){ 
    // even clicks 
}); 

mi pregunta es cómo hacer esto en la sintaxis caso de la columna vertebral ? ¿Cómo debo imitar la función, configuración de funciones?

events : { 
    'click .toggleDiv' : this.doToggle 
}, 

doToggle : function() { ??? } 

Answer 1

de Backbone delegar directamente a jQuery, y le dará acceso a todos los argumentos del evento DOM estándar a través del método de devolución de llamada. Por lo tanto, se puede llamar fácilmente método de palanca de jQuery en el elemento:

Backbone.View.extend({ 

    events: { 
    "click a.contact": "linkClicked" 
    }, 

    linkClicked: function(e){ 
    $(e.currentTarget).toggle(
     function() { 
     // odd clicks 
     }, 
     function() { 
     // even clicks 
     } 
    ); 
    } 

}); 

Answer 2

¿El elemento que desea alternar dentro de la vista que recibe el evento? Si es así: Para ver los eventos

doToggle: function() { 
    this.$("a.contact").toggle() 
} 

Answer 3

En realidad creo que la única hacer esto utilizando events es añadir un trigger con el fin de mantener el flujo real juntos. Parece ser un poco torpe ser honesto al tener que cambiar de esta manera.

Backbone.View.extend({ 

    events: { 
    "click .button": "doToggle" 
    }, 

    doToggle: function(e){ 
    var myEle = $(e.currentTarget); 
    $(e.currentTarget).toggle(
     function() { 
     // odd clicks 
     }, 
     function() { 
     // even clicks 
     } 
    ); 
    myEle.trigger('click'); 
    } 

}); 

Es probablemente más limpia de usar simplemente

Backbone.View.extend({ 

    el: '#el', 

    initalize: function() { 
    this.render(); 
    }, 

    doToggle: { 
    var myEle = this.$el.find('.myEle'); 
    myEle.toggle(
     function() { 
     // odd clicks 
     }, 
     function() { 
     // even clicks 
     } 
    ); 
    }, 

    render: function(e){ 


    //other stuff 

    this.doToggle(); 

    return this; 
    } 

}); 

Answer 4

que estaba buscando una solución a este problema y acabo de ir sobre él de la manera antigua. También quería poder localizar mi método hideText() desde otras vistas en mi aplicación.

Así que ahora puedo verificar el estado de 'showmeState' desde cualquier otra vista y ejecutar hideText() o showText() dependiendo de lo que quiero hacer con él. Intenté simplificar el siguiente código eliminando elementos como renderizar e inicializar para que el ejemplo sea más claro.

var View = Backbone.View.extend({ 
    events: { 
    'click': 'toggleContent' 
    }, 
    showmeState: true, 
    toggleContent: function(){ 
    if (this.showmeState === false) { 
     this.showText(); 
    } else { 
     this.hideText(); 
    } 
    }, 
    hideText: function() { 
    this.$el.find('p').hide(); 
    this.showmeState = false; 
    }, 
    showText: function() { 
    this.$el.find('p').show(); 
    this.showmeState = true; 
    } 
}); 

var view = new View();