ember.js - 如何向 View 发送点击(它已经可以工作，但我认为这不是 Ember 方式)

Question

我想设计一个文件上传按钮的样式。我已经有了一份工作，但感觉我没有按照 Ember 的方式去做。

我的看法:

App.FileUploadView = Ember.TextField.extend({
   (....)
});

模板:

{{view App.FileUploadView name="big-image" file=big-image id="big-image"}}
<a {{action clickUploadView}} href="#">Upload file</a>

Controller 操作:

clickUploadView: function(){
   Ember.$('#big-image').click();
},

我已经在模板中使用像这样的 viewName 属性并从 Controller 调用它: {{view App.FileUpload ... viewName="big-image"}} 但是无法触发点击。

有什么想法或者这是正确的吗？

Answer 1

将 anchor 标记包装在 View 助手中，并将操作添加到 View ，然后定位 View 。

{{#view App.SomethingView}}
  <a {{action daClick target="view"}} href="#">Upload file</a>
{{/view}}

App.SomethingView = Em.View.extend({
  actions:{
    daClick: function(){
      alert('hello'); 
    }
  }
});

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

或者，如果您只想让它触发 View 的点击事件，您可以将操作全部撕掉并将 anchor 标记留在 View 中，它将触发 View 的点击事件。

http://emberjs.jsbin.com/eHAsexI/2/edit