2014-02-17 27 views
0

由于某些原因,我使用Emberjs和YUI,并且我正在使用dataTable小部件通过ember存储库自动生成我的表。Emberjs单击特定DOM上的事件

在这张表中,我希望有一个动态链接的专栏,以重定向到每一行的好页面(如表中每个项目的详细信息页面)。

所以我不能使用{{action}}助手{{#link-to}},因为它在js端生成。

所以我想创建一个并在我的视图中捕捉事件在烬。

我发现这一点:

App.Items = Ember.View.extend({ 
    click: function(event) { 
     var id = $(event.target).attr("value"); 
     this.get('controller').send('clickBtn', event, id); 
    } 
}); 

我的按钮:

<button id="view-btn" value="{value}">View</button> 

但问题是,像它听我的网页...这对每一个事件有点儿讨厌,因为我只需要它为一个按钮..

是否有可能与烬从该按钮只捕获事件?

感谢您的帮助!

回答

1

经过一番研究,我设法找到一个其他的方式来做到这一点:

App.itemsView = Ember.View.extend({ 
    didInsertElement: function() { 
     console.log("didInsertElement done"); 
     this.$().on('click', '.view-btn', function(){ 
      var id = $(this).attr('data-value'); 
      console.log(id); 
      //this.get('controller').send('clickBtn', event, id); 
     }); 
    } 
}); 

我的按钮:

<button class="view-btn" data-value="{value}" data-action="open-enquiry">View</button>