ACF Form Repeater Populate

• bmds

• June 15, 2015 at 10:55 pm

Greetings all!

I’m rendering a form on a page and I need to populate a repeater field with localStorage data.
What’s the best approach to achieve this?

Thanks.

• Jonathan

• June 16, 2015 at 1:57 am

Hi @bmds,

Since localstorage is Javascript-based you don’t really have much choice but to read the localstorage data and create new rows and insert the values.

Since it’ll be very hard for you to replicate how the rows are structured I’d recommend just triggering the “add row” button with JS thus letting ACF do the creation.

Something like:

jQuery('.acf-repeater-add-row').trigger('click', function(){

//Delay a function a few hundred millseconds to give ACF time to create the row then do your own insertion. Preferably via function call
setTimeout(insertLocalstorageData,500)

});

function insertLocalstorageData(){
//Do stuff!

}

• bmds

• June 16, 2015 at 2:13 am

Hi @jonathan!

Thanks for your help.
That is what I had in mind and I did look at “acf-pro-input.js” trying to understand how to trigger the click.
I’ve tried this in the console for a quick test but no rows are added

jQuery('.acf-repeater-add-row').trigger('click')

Thoughts?

• bmds

• June 16, 2015 at 3:03 am

Did some research and this works

$('.acf-repeater-add-row')[0].click();

Thank you!

• Jonathan

• June 16, 2015 at 8:37 am

You’re welcome and good luck!

My guess is that there’s more elements using the same class but perhaps only one link. So this might work too
$('a.acf-repeater-add-row').click();

Just as a note 🙂