Backbone.js Enlazado de evento

Question

Estoy usando Backbone.js tengo un elemento de interfaz de usuario de tipo control segmentado para cada vista de modelo. Cada uno está formado por un ul con algunos elementos li. Quiero vincular un evento de modo que cuando se haga clic en uno de estos elementos, pueda determinar en cuál se ha hecho clic y actualizar el modelo con el valor apropiado.

El problema es que el Backbone vincula los eventos (estos se encuentran en el hash de eventos de la vista) de manera que "this" en la función de devolución de llamada se refiere a la vista, no a los elementos li. Esto significa que no puedo determinar en cuál de los varios elementos Li ha hecho clic. Si utilicé un enlace jQuery normal, puedo vincular "esto" a los elementos li, pero ya no tengo un seguimiento del modelo, así que no puedo actualizarlo.

Answer 1

hábito de jQuery de establecer this a lo que pasa a ser conveniente en el momento es un patrón bastante desagradable, en mi opinión - afortunadamente, nunca se tiene que confiar en él:

onClick: function(e) { 
    this;    // Still the view instance (as it should be). 
    e.target;   // The element that was clicked. 
    e.currentTarget;  // The element that was bound by the click event. 
} 

... Usted puede usar target o currentTarget del objeto de evento, según corresponda.

Answer 2

No puedo entender por qué no puedo comentar la respuesta de @jashkenas anterior. Su método es correcto (¡gracias!), Pero pensé en aclarar la situación: en el controlador de eventos, puede recuperar el elemento al que estaba destinado el evento. código de la columna vertebral de la muestra se vería así:

MyView = Backbone.View.extend({ 
    events: { 
     'click .item': 'handleClick' 
    }, 

    handleClick: function(e) { 
     this; // The view instance 
     e.target; // The element that was clicked 
     e.currentTarget; // The element that was bound by the click event 
    } 
}); 

Lo utilizo para la configuración por defecto de texto en todos mis campos de formulario ... sí yo no soy mucho en HTML5 todavía :)

Editar: Por cierto, e.target es el elemento crudo. Deberá usar $ (e.target) para obtener acceso a jQuery.