在 Ember 视图中访问元素答案

【问题标题】：Accessing element in Ember View在 Ember 视图中访问元素
【发布时间】：2014-03-27 13:06:58
【问题描述】：

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

var canvas = document.getElementById("canvasThumbResult");

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

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

有没有一种从 Ember 中的操作中获取元素的好方法，或者有没有一种方法可以只在当前视图的输出中搜索元素？

【问题讨论】：

【解决方案1】：

您可以使用this.$(/*jquery identifier*/) 访问Ember.View 中的任何 HTML 元素，例如，您可以访问您的画布，例如

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

【讨论】：