Rails/JS button onclick to re-render partial without entering into DB

Question

I wish to reload a partial-form with a button(Add). I'm new and don't know how to simply display fields in partial like listings one under the other as many times Add button is clicked. I can't find a relevant example. all AJAX examples mention js.erb when object is saved in DB.

<div class="panel-body">
 <%= render partial: "degrees/form", :locals => { :f => f }  %> 
 <%= f.link_to (fa_icon 'plus').to_s + " Add Another Qualification ", render(:partial => 'degrees/form', :locals => { :f => f }), class: "btn btn-primary" %>
</div>

Here, @application is the main form trying to display degree fields. Partial is simply two text-fields- one for selecting educational degree and second its detail.Here's partial

 <%= f.fields_for [Degree.new], :url => { :action => "index" } do |ff| %>
  <div class = "form-group" }>
    <%= ff.select :level, options_for_select(Job::EDUCATION, params[:level]), include_blank: "Select Degree", class: 'span-2' %>
    <%= ff.text_field :description, :class => 'span5' %>
  </div>
   <% ff.submit "Add Another Degree", class: 'btn btn-primary' %>

Possible duplicate of Rails form_for renders partial form_for to list values without submitting to DB, but now 2 submits.Help pls — cefigueiredo
– cefigueiredo, Commented Feb 25, 2017 at 5:55
I explained they are totally different issues. one for 2 form submits-pure rails issue and this is a JS+rails issue for simply rendering form as listings. You are marking my own answer to another question as 'duplicate' because I told you below.I'm not sure you have understood how both differ. — Means
– Means, Commented Feb 25, 2017 at 6:29

cefigueiredo · Accepted Answer · 2017-02-24 16:34:51Z

0

You don't necessary need to save things to pass away to .js.erb... you can just instantiate...

But if your example is precise, you are missing the remote: true flag for the link... And the partial is not defined on the link... you need to make a view responding to the ajax...

Form example

<div class="panel-body">
  <%= link_to new_thing_path, remote: true do %>
    <i class="fa fa-plus">
    Add another qualification
  <% end %>
  <div class="new-things-container">
  </div>
</div>

Controller answering to the ajax request

class ThingsController < ApplicationController
  def new
    @thing = Thing.new

    respond_with @thing
  end
end

View for the ajax request rendering a partial inside a specified div

//views/things/new.js.erb
$('.panel-body .new-things-controller').append("<%= render partial: 'degrees/form', locals: { thing: @thing } %>")

answered Feb 24, 2017 at 16:34

cefigueiredo

7383 silver badges12 bronze badges

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

10 Comments

Means Over a year ago

Ok so there's an error while displaying partial fields as the partial actually is fields_for taking locals as f. The error it throws on console is:ActionView::Template::Error (undefined local variable or method `f' for #<#<Class:0x0....>):. Can you tell me how to resolve local 'f'?

cefigueiredo Over a year ago

So... it's the wrong question... What is f? Is it a form_for Helper? You cant pass it away... it is not an @object that exists out of it's Helper block... if you intended that it was an attribute of the @object you make a form with... you need pass the @object.attribute, not the f.input :attribute

cefigueiredo Over a year ago

Tip: To render a input independent of form_for... you should use the FormTagHelpers not FormHelpers api.rubyonrails.org/classes/ActionView/Helpers/…

Means Over a year ago

Sorry, was busy into something and about to sleep.I'll be look again at it tomorrow but I didnot understand how to pass @object.attribute. Actually, I hope you realize that actually @object(@application) is only created but has yet got no id so when I call partial it expects to find that object. I've only seen syntax to pass locals{ . :f=>f } but not sure of another syntax of attribute to render form. and yes there's a little typo in your code in js.erb-> 'new-things-controller' must be '.new-things-container'.Many thx for your help. Please leave your comments and I'll get back to u.

cefigueiredo Over a year ago

Ok... when possible, edit your question to show the entire form... or the form declaration AND the relevant parts if too big... I would like to see the template of the mentioned partial too... I'm not sure if I understood your question... or it does not make sense if I did

|

Collectives™ on Stack Overflow

Rails/JS button onclick to re-render partial without entering into DB

1 Answer 1

10 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related