emberjs: как вызвать пользовательское событие в представлении

Question

Я хотел бы, чтобы превратить примитивное событие (щелчок) в семантическое событие, как «deleteTodo» Это описано here, но не как реализовать :(
у меня есть следующий код:

App.TodoView = Em.View.extend({ 
    click: function(e) { 
     this.trigger("deleteTodo"); 
    } 
}); 

App.Router.map(function(match) { 
    match('/').to('index'); 
}); 

App.IndexRoute = Ember.Route.extend({ 
    deleteTodo: function(e) { 
     // this code is never executed :(
    } 
}) ; 

После того как я выполнить «щелчок», я вижу, что функция TodoView нажмите называется, но не функция deleteTodo от IndexRoute Любые предложения, что может пойти не так, здесь

.?

CHeers

Answer 1

Вы можете использовать this.get ("controller"). Send ("deleteTodo"). Это отправит сообщение контроллеру, если контроллер не обрабатывает deleteTodo, он будет пузыриться на маршрутизаторе и обрабатываться там.

click: function(e) { 
    this.get('controller').send("deleteTodo"); 
} 

В маршрутизаторе вам также необходимо определить событие:

events: { 
    doStuff: function(e) { 
    alert("Do stuff") ;  
    } 
} 

http://jsfiddle.net/9Xasr/7/

Я обычно делать запись удаления в контроллере. Похоже, что положить это в событие маршрутизатора не будет идеальным.