emberjs從onclick調用操作

Question

我有一個將返回文本塊的模型，我想要一個警報，該警報將在該文本塊內定義特定的單詞。 因此，我想在特定單詞旁邊添加一個鏈接，該鏈接將調用創建警報的操作。

我無法使用車把動作方法，因為頁面已經被渲染。 因此，當我推模型時，我想包含以下內容：

<button id='definition' onclick='newAlert()'>i</button>

單個文本塊中可能有許多單詞需要定義，因此我也需要發送一個標識符。

我的問題是，是否可以通過這種方式進行操作？

謝謝你的幫助。

Answer 1

每當需要使用純js從DOM訪問ember實體時，例如，當需要處理onclick js事件並將其委托給ember實體時，都可以執行類似的操作

http://emberjs.jsbin.com/mimuwale/1/edit

JS

App = Ember.Application.create();

function getView($el){
  return Ember.View.views[$el.closest(".ember-view").attr("id")];
}

function newAlert(el){
  getView($(el)).get('controller').send('newAlert',el.id);
}

App.IndexView=Ember.View.extend();

App.IndexController=Ember.Controller.extend({
  actions:{
    newAlert:function(buttonId){alert('clicked button:'+buttonId);}
  }
});

HBS

<script type="text/x-handlebars" data-template-name="index">
  <button id='definition' onclick='newAlert(this)'>test</button>
</script>