javascript - change - addlistener

¿Cómo agregar eventos dinámicos para ver?

Question

¿Cómo puedo agregar eventos dinámicos en mi clase de vista en Backbone.js?

Tengo una clase de vista con

var myViewClass = Backbone.View.extend({
events: {
''change select'': ''changeSelect'',
''click a.changeLink'': ''clearSelect''
},
initialize: function() {
this.delegateEvents({''click select'': ''changeSelect''});
},
.
.
.
});

Esto está agregando el evento {''click select'': ''changeSelect''}, pero de alguna manera {''click a.changeLink'': ''clearSelect''} no funciona.

¿Alguien sabe la solución?

Gracias rohan

Answer 1

Backbone delega automáticamente eventos del atributo de eventos de tu vista. Estás anulando los eventos previamente delegados. Puedes llamar a $ (this.el) .delegate (...) pero también puedes hacerlo

this.delegateEvents(_.extend(this.events, {''click select'': ''changeSelect''}));

Answer 2

Ya que estoy haciendo esto mucho, aquí está mi pequeña extensión de Backbone (basada en la respuesta de Julien y mis pruebas):

Backbone.View.prototype.addEvents = function(events) {
this.delegateEvents( _.extend(_.clone(this.events), events) );
};

Utilizar:

BaseResizable.View = Base.View.extend({
initialize: function() {
Base.View.prototype.initialize.call(this);
this.addEvents({
''resizestop'': ''resizeStop''
});
},
resizeStop: function(event, ui){...}
}

Tendrá que hacer addEvents() nuevamente si usa undelegateEvents() .