How to render a RAILS partial with local variable f in new.js.erb?

Question

There is a way to render a erb page in js.erb like this with :remote => true in rails:

$('#invoice_against_lease').html('$("<%= j render(:file => 'invoice/new.html.erb') %>")');

We have a partial _customer_quote_record like this:

   <%= f.input :quote_id, :label => 'Quote#：', :collection => quotes_for_invoice(@customer), :include_blank => true %>
   <%= f.hidden_field :_destroy %>

The partial is rendered in html.erb as this, with passing local variable builder:

<%= f.simple_fields_for :invoice_items do |builder| %>
  <%= render 'customer_quote_record', :f => builder %>
<% end %>

Tried the code below:

$('#invoice_against_lease').html('$("<%= j render(:file => 'customer_lease_record', :f => f) %>")');

And the error is "ActionView::Template::Error (undefined local variable or methodf'..."`

Is there a way to render the partial above in js.erb?

Naty722 · Accepted Answer · 2012-07-27 18:43:55Z

15

Try the following:

$('#invoice_against_lease').html('$("<%= j render(:partial => 'customer_lease_record', :locals => {:f => f}) %>")');

This of course assumes that f is defined wherever you make this call. If it's different, just change :locals => {:f => f} to :locals => {:f => "YOUR_VARIALBE"}

edited Jul 27, 2012 at 18:43

answered Jul 27, 2012 at 18:38

Naty722

4334 silver badges12 bronze badges

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

3 Comments

user938363 Over a year ago

Same error. f is the form builder which lives in the view only. My question is how to pass the form builder into the partial in js.erb.

Naty722 Over a year ago

Ah, I see now. Not entirely sure. Could you use the answer provided here, stackoverflow.com/questions/371147/…, and just use fields_for inside the partial rather than passing it?

user938363 Over a year ago

Tried a similar solution (another similar post about pass object instead of form builder). It did work partially. However the association lost, which caused the failure when saving the parent object. Got error: child object can't be blank. Not sure what causes the association loss.

MatayoshiMariano · Accepted Answer · 2016-08-20 23:39:58Z

6

Another way to do it:

<%=j render "invoice/new", f: f %>

answered Aug 20, 2016 at 23:39

MatayoshiMariano

2,14619 silver badges24 bronze badges

Comments

Albert Català · Accepted Answer · 2014-03-10 12:47:14Z

2

Look at this, I found a solution:

in js.rjs file, I repdroduce the form_for and fields_for helper, and save the fields_for constructor in a instance variable @builder, and then I pass it to the partial (locals: {f: @builder...)

js.rjs:

<%
  @expense=Expense.new
  [email protected]_details.build
  form_for(@expense) do |f| 
    f.fields_for(:expense_details,new_expense_detail,:child_index=>@child_index) do |builder| 
      @builder=builder # <<--- New line compared js.rjs
    end
  end
%>

$("#cost_center_group_<%=@child_index%>").html("<%= escape_javascript(render(partial: 'select_costcenter', locals: {f: @builder,child_index: @child_index}))%>");

answered Mar 10, 2014 at 12:47

Albert Català

2,0442 gold badges30 silver badges39 bronze badges

Collectives™ on Stack Overflow

How to render a RAILS partial with local variable f in new.js.erb?

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related