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

Question

I want to click on button 2 to trigger a click event on button 1. I can accomplish this tasks using 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');

I'm new to Ember.js and I would like to accomplish the same functionality within the Ember.View context. Thank you in advance for your help.

Answer 1

Just use the change event on the input. You can then post the form, or use ajax to post back asynchronously. Here's a simple example:

View

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

Template

{{view 'uploadButton'}}

Example: http://emberjs.jsbin.com/jameg/1/edit