Rails app create object and render partial with jquery

Question

I have a page in my app where I'm using a button_to or button_to_function where a user can add a row to a table. Each row of the table is a data object from the Event model.

When a user clicks "Add Event" button, it should create a new Event object and render a row in the table which is a few drop downs that correspond to the fields in the event object. I will then be using best_in_place for in place editing to modify these fields.

What's the best approach to use jquery to create a new Event object and append a row onto the table which has form fields that correspond to the newly created event object? I'm thinking a call to a controller action which creates the object and renders a partial, but not sure how to do this specifically.

I think your thought is correct. You should send a request to controller to render a partial which is in .js.erb extension. The javascript inside this file will be executed. In the .js.erb file, you can use jQuery to add the row as html. — code4j
– code4j, Commented Sep 2, 2012 at 7:45

Matthew Lehner · Accepted Answer · 2012-08-28 14:59:01Z

1

Have a look at Railscast #136 - http://railscasts.com/episodes/136-jquery

It should get you headed in the right direction. Essentially your controller needs to respond to Javascript and then have a js template that will do what you want on the page when received by the browser.

answered Aug 28, 2012 at 14:59

Matthew Lehner

4,0573 gold badges30 silver badges35 bronze badges

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

Collectives™ on Stack Overflow

Rails app create object and render partial with jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related