emberjs:如何在视图中触发自定义事件

时间:2013-01-31 20:34:02

标签: events view ember.js router custom-events

我想将原始事件(点击)转换为语义事件,例如" 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点击功能,但没有调用IndexRoute中的deleteTodo函数。有什么建议可能会出错吗?

干杯

1 个答案:

答案 0 :(得分:5)

您可以使用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/

我通常会在控制器中记录删除。似乎把它放在路由器事件中并不理想。