Rails Rendering partial with form object

Question

I want to render a partial 'colordata' after selecting a :color from the drop down list as it involves Ajax. I am not able to observe any change in main page. Even form is undefined in colordata partial.

Here's my schema of model Order

create_table "orders", force: :cascade, options: "ENGINE=InnoDB DEFAULT CHARSET=utf8" do |t|
    t.string "design"
    t.integer "quantity"
    t.datetime "created_at", null: false
    t.datetime "updated_at", null: false
    t.string "color"
    t.string "lotnumber"
    t.float "consumption", limit: 24
    t.string "number"
  end

Here's the ajax call

  $("select[name='order[color]']").change(function(){
     $.ajax({
       url: "colordata",
       type: "post",
       data:{
         "color": $(this).val()
       },
       dataType: JSON,
       success: function(data){
       }
     });
   });

Here's the controller.

def colordata
    request.POST.each do |key, value|
      @color = value
    end
    @lotdetail= Master::Yarn.where('color like?', @color)
    respond_to do |format|
      format.js
    end
  end

Here's the Colordata.js.erb

$(".lot").innerHTML += "<%= escape_javascript(render(partial: 'colordata'),locals: {form: form) %>"

Here's the partial _colordata.html.erb

<%= form.label :lotnumber %>
<%= form.collection_select(:lotnumber, @lotdetail, @lotdetail.lotnumber,@lotdetail.lotnumber,prompt: "Select the Yarn")%>

errors are

form is not define in _colordata.html.erb
Partial is not appending into the class lot.

Thanks in advance.

Sovalina · Accepted Answer · 2018-05-06 09:57:14Z

1

To append your partial with jquery, you can use the append method instead. locals should be define inside the render. So you can fix like that :

$(".lot").append("<%= escape_javascript(render(partial: 'colordata', locals: { form: form })) %>")

answered May 6, 2018 at 9:57

Sovalina

5,6094 gold badges25 silver badges41 bronze badges

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

3 Comments

Amitoj Singh Over a year ago

I am getting this error ActionView::Template::Error (undefined local variable or method `form' for #<#<Class:0x00007ff1949dd9c8>:0x00007ff194ea0e10> Did you mean? fork): $(document).on('turbolinks:load', function() { $(".lot").append("<%= escape_javascript(render(partial: 'colordata',locals: {form: form})) %>") )};

Sovalina Over a year ago

@AmitojSingh It's because the form variable is define nowhere inside your js.erb file (that i was assuming it was). You can find a solution here for this issue

Amitoj Singh Over a year ago

It works using fields_for tag in partial But append is still not working.

Collectives™ on Stack Overflow

Rails Rendering partial with form object

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related