Nested form - ajax call

Hey guys,

I was wondering what would be the best practice/approach to send ajax
request from inside a nested form?
Lemme try to describe it better:

= form_for [@customer, @invoice] do |invoice_form|

= invoice_form.label :date_issue
= invoice_form.text_field :date_issue, :class => ‘datepicker’

= invoice_form.fields_for :item_services do |item_fields|
= item_service.label ‘Search for services’
= item_service.text_field :description

= item_service.submit 'Search'

= invoice_form.submit ‘Create Invoice’

The outer form is the last to be submitted(creates an Invoice) and in
the
meanwhile, in the inner form, I’d like to search for an Service and if
it
doesn’t exists, I’d be rendering some field to create a service and then
keep going on the flow.

This is a many-to-many relationship
Invoice ->|--------------|<- ItemService

Invoice has_and_belongs_to_many
:item_servicesItemService has_and_belongs_to_many :invoices

Thanks in advance

*** Mateus *** wrote in post #1140030:

[…]

The outer form is the last to be submitted(creates an Invoice) and in
the
meanwhile, in the inner form, I’d like to search for an Service and if
it
doesn’t exists, I’d be rendering some field to create a service and then
keep going on the flow.

This is a many-to-many relationship
Invoice ->|--------------|<- ItemService

Invoice has_and_belongs_to_many
:item_servicesItemService has_and_belongs_to_many :invoices

Hi Mateus,

It sounds like you want an “autocomplete” like functionality for that
field, right? If so, I’d recommend using the jquery autocomplete widget:

Autocomplete | jQuery UI

There are Rails wrappers for this here (depending on what version you’re
on):

GitHub - crowdint/rails3-jquery-autocomplete: An easy and unobtrusive way to use jQuery's autocomplete with Rails 3
https://github.com/peterwillcn/rails4-autocomplete

Does that help?