jquery button event handler rails

Question

I have the following code in a view file of my rails application:

  <td>
    <div class="file_description"><%= object.metadata['description']%>
    <button    type="button" class="btn btn-default edit_description">Edit</button></div>
    <div class="file_description_update"
      <%= form_tag({:action => 'update_file_info'}, multipart: true) do %> 
        Update File Description: <%= text_area_tag :description %>
        <%= hidden_field_tag :s3_path, file %>  
        <%= hidden_field_tag :prefix, @prefix %>
        <%= submit_tag 'Submit' %> </td> <br />
      <% end %>
    </div>
  </td>

I need to bind my Edit button on click event with the class file_description_update for each file I will be working with. Any views on the simplest way to do that in rails? Thanks

Bigxiang · Accepted Answer · 2013-08-19 06:42:57Z

3

You can bind event with jquery. Add this to your application.js, you can link onclick event to all your button with class "edit_description".

$(function(){
  $('button.edit_description').click(function () {
    alert($(this).parent().next('div.file_description_update').children('form').html());
  });
});

DEMO fiddle

answered Aug 19, 2013 at 6:42

Bigxiang

6,7823 gold badges24 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

zgenie Over a year ago

thanks for the reply. Would this solution allow me to open up a form (for updating description of a file --which is what i want basically as the file-description-update class is currently hidden using css) on clicking the edit button and then allow me to update the description for a file using that form?

Bigxiang Over a year ago

Yes, you can. In the click event, you can show the div you have hidden. But if you want to change the file, you must submit the form and refresh the page, or you must using some ajax upload plugin such as "jquery file upload".

Collectives™ on Stack Overflow

jquery button event handler rails

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related