EmberJs:路由器未收到自定义事件

时间:2013-02-03 20:10:07

标签: ember.js eventtrigger custom-event

  

可能重复:
  emberjs: how to trigger a custom event in a View

我已经创建了一个jsfiddle来演示这个问题。当您在视图中单击(在文本上)时,您将在控制台中看到视图接收到单击。但是当我创建一个自定义事件并触发它时,它没有在路由器中收到:

App.IndexView = Em.View.extend({
    click: function(e) {
        console.log("CLICK");
        this.get("controller").send("doStuff");
}
});

App.IndexRoute = Em.Route.extend({
    ....
    doStuff: function(e) {
       alert("Do stuff") ;    
    }
}); 

以下是一个完整的工作示例http://jsfiddle.net/jeanluca/9Xasr/6/

有什么建议吗?

干杯

1 个答案:

答案 0 :(得分:3)

您正在为App.IndexView调用控制器的doStuff(),但您在路由中定义了doStuff。您应该将其移至App.IndexController

App.IndexController = Em.Controller.extend({
    doStuff: function(e) {
       alert("Do stuff") ;    
    }
});

小提琴:http://jsfiddle.net/8k4PE/

另一方面,如果您希望路线接收事件:

<script type="text/x-handlebars" data-template-name="navigation">
    <span {{action "doStuff}}>Sidebar</span>
</script>

App.IndexRoute = Em.Route.extend({
    //...
    events: {
      doStuff: function(e) {
         alert("Do stuff") ;    
      }
    }
});