javascript - Ember.js - 点击一个按钮触发另一个按钮的点击事件

Question

我想单击按钮 2 以触发按钮 1 上的单击事件。我可以使用 JQuery 完成此任务。

HTML:

<div id="container">
<input id="upload_input" type="file" name="files[]" style="display:none" />
<button id="button-2">Upload File</button>
</div>

JS:

$('#upload_input').trigger('click');

我是 Ember.js 的新手，我想在 Ember.View 上下文中完成相同的功能。预先感谢您的帮助。

Answer 1

只需在输入上使用更改事件。然后您可以发布表单，或使用 ajax 异步回发。这是一个简单的例子:

查看

App.UploadButtonView = Ember.View.extend({
  tagName: 'input',
  attributeBindings: ['type'],
  type: 'file',

  change: function(e){
    var self = this;
    var formData = new FormData();
    formData.append('file', this.$().get(0).files[0]);
    $.ajax({
      url: '/file_upload/', 
      type: 'POST',
      //Ajax events
      success: function(data){ },
      error: function(){ },
      // Form data
      data: formData,
      //Options to tell jQuery not to process data or worry about content-type.
      cache: false,
      contentType: false,
      processData: false
    });
  }
});

模板

{{view 'uploadButton'}}

示例:http://emberjs.jsbin.com/jameg/1/edit