在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'));
    }
  }
});