在Ember View中访问元素

Question

我有一个视图设置，其中包含一个画布和几个输入。 当按下按钮时我在视图中调用一个动作，我需要访问画布并输入＆＃39; s。 显然我可以使用下面的内容，但如果我在页面上有超过1个这样的视图，那么通过ID获取元素就不会削减它。

  

var canvas = document.getElementById（＆＃34; canvasThumbResult＆＃34;）;

我在视图模板中有这样的画布设置

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

是否有一种很好的方法可以从Ember中的动作中获取元素，或者我是否可以在当前视图的输出中搜索元素？

Answer 1

您可以使用Ember.View访问this.$(/*jquery identifier*/)中的任何HTML元素，因此，举例来说，您可以像

一样访问您的画布

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