How to integrate a copy button to a form that is created using cocoon gem

Question

There are FundApplication and ExpenseRequest, FundApplication has_many expense_requests.

Pressing the 'Add Expense' Button will add expense requests and is working fine. Now my client asks me to implement a copy button here

What he wants is to add a button that inserts a new expense request but copy's the expense request's data the button belongs into the fields of newly created expense_request

I tried How to create a copy of item added in cocoon nsted form rails? How could I clone a child object in Rails using cocoon?

None of them worked for my scenario.

Answer 1

You have access to cocoon-specific callbacks; in particular, cocoon:after-insert. You can do something like this (untested):

$(document).ready(function() {
  $("#formContainer").on(
    "cocoon:after-insert", (event, insertedItem, originalEvent) {
      console.log("event: ", event)
      console.log("insertedItem: ", insertedItem)
      console.log("originalEvent: ", originalEvent)
  })
})

Using the original event (the click event) you can find the fields belonging to that button and get the values from that, and use those values to set the values in the newly inserted item.