link_to_add_fields / unobtrusive javascript rails 4

Question

i know there are some threads about the railscast nested forms... and that link_to_add_fields is not working proper in rails 4 anymore, because of the change about the unobstrusive js. can someone help me to understand and tell me what i do have to change in order to get my nested form working? i´m trying to "rebuild":complex form but he uses rails 3 and i´m rails 4. i do get the following error:

undefined method `link_to_function' for

in _form.html.erb:

<%= link_to_add_fields("Add a Contact", f, :contacts, :class => "btn btn-primary", :title => "Add a new Contact") %>

my application_helper.rb

def link_to_add_fields(name, f, association, options = {})
new_object = f.object.class.reflect_on_association(association).klass.new
fields = f.fields_for(association, new_object, :child_index => "new_#{ association }", :onsubmit => "return $(this.)validate();") do |builder|
  render(association.to_s.singularize + "_fields", :f => builder)
end

link_to_function(name, "add_fields(this, \"#{ association }\", \"#{ escape_javascript(fields) }\")", options)

end end

thanks!

Mavis · Accepted Answer · 2014-05-25 13:53:39Z

link_to_function is deprecated in rails 4.1 and it is recommended the use of Unobtrusive JavaScript instead.

this is what I'd suggest:

use the jQuery code provided:

function add_fields(link, association, content) {  
    var new_id = new Date().getTime();  
    var regexp = new RegExp("new_" + association, "g");  
    $(link).parent().before(content.replace(regexp, new_id));  
}

in your form:

<%= link_to_add_fields "Add a Contact", f, :contacts, "btn btn-primary", "Add a new Contact" %>

then in application_helper:

def link_to_add_fields(name, f, association, cssClass, title)  
  new_object = f.object.class.reflect_on_association(association).klass.new  
  fields = f.fields_for(association, new_object, :child_index => "new_#{association}") do |builder|  
    render(association.to_s.singularize + "_fields", :f => builder)  
  end  
  link_to name, "#", :onclick => h("add_fields(this, \"#{association}\", \"#{escape_javascript(fields)}\")"), :class => cssClass, :title => title 
end

EJKIV · Accepted Answer · 2014-10-31 22:03:10Z

I tweeked Mavis's code - specifically the link_to function (forgot to add remote: true)

Application.js

function add_fields(link, association, content) {  
    var new_id = new Date().getTime();  
    var regexp = new RegExp("new_" + association, "g");  
    $(link).parent().before(content.replace(regexp, new_id));  
}

Form code:

<%= link_to_add_fields "Add a Contact", f, :contacts, "btn btn-primary", "Add a new Contact" %>

This is the only change to Mavis's code:

application_helper.rb

    def link_to_add_fields(name, f, association, cssClass, title)  
  new_object = f.object.class.reflect_on_association(association).klass.new  
  fields = f.fields_for(association, new_object, :child_index => "new_#{association}") do |builder|  
    render(association.to_s.singularize + "_fields", :f => builder)  
  end  
  link_to name, "#", :onclick => h("add_fields(this, \"#{association}\", \"#{escape_javascript(fields)}\")"), class: cssClass, title: title, remote: true 
end

A H K · Accepted Answer · 2014-05-21 08:27:22Z

1

I am assuming you made this helper from the rails cast episode http://railscasts.com/episodes/197-nested-model-form-part-2.

In your application_helper.rb, you have defined link_to_add_fields. Probably something like this.

def link_to_add_fields(name, f, association)

change it to this

def link_to_add_fields(name, f, association, locals={})

Then on the return statement.

link_to_function(name, "add_fields(this, \"#{association}\", \"#{escape_javascript(fields)}\")", class: locals[:class])

Finally, use your new method like so

<%= link_to_add_fields "Add A Present", f, :presents, class: "btn btn-mini btn-info" %>

answered May 21, 2014 at 8:27

A H K

1,76018 silver badges31 bronze badges

1 Comment

oliver Over a year ago

thanks. i tried this but the error ( undefined method...) is still showing up... if i take the whole line out, the form is showing like it´s suppose to be. in rails 3.2.9 it is working with no problems at all...

Collectives™ on Stack Overflow

link_to_add_fields / unobtrusive javascript rails 4

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related