在Ember View中訪問元素

Question

我有一個視圖設置，其中包含一個畫布和幾個輸入。 當按下按鈕時，我在視圖中調用一個動作，我需要訪問畫布和輸入內容。 顯然，我可以使用類似下面的內容，但是如果頁面上有多個視圖，那么通過ID獲取元素就不會削減它。

var canvas = document.getElementById（“ canvasThumbResult”）;

我在視圖的模板中有這樣的畫布設置

<canvas id="canvasThumbResult" width="128" height="128"></canvas>

是否有一種從Ember中的動作獲取元素的好方法，或者有一種方法只能在當前視圖的輸出中搜索該元素？

Answer 1

您可以使用this.$(/*jquery identifier*/)訪問Ember.View任何HTML元素，因此，例如，您可以像

var App.MyCanvasView = Ember.View.extend({
  actions: {
    myAction: function () {
      console.log(this.$('#canvasThumbResult'));
    }
  }
});