• [email protected]

• in reply to: Adding a sub field to a repeater with JavaScript
• June 22, 2021 at 4:35 am

I think you can trap JS hooks to add dynamic content to row fields once a new row has been added.

• [email protected]

• in reply to: Dynamically fetch another post types field group
• June 3, 2021 at 10:21 pm

I think the clone field is for you.

You can create field group then clone it elsewhere.

https://www.advancedcustomfields.com/resources/clone/

• [email protected]

• in reply to: Adding a sub field to a repeater with JavaScript
• May 26, 2021 at 4:48 am

Oups last solution failed in some cases…

But I think that this one is better and simpler (but not fully tested) ..

`// Get repeater field (replace my-repeater-field-key’ with a field key)
repeater = acf.getField(‘my-repeater-field-key’);

// Add a new row
$row = repeater.add();

// Get subfields
let sub_fields=acf.getFields({ parent: $row});

// show sub fields
console.log(sub_fields);

// loop around sub fields and populate them.

• [email protected]

• in reply to: Adding a sub field to a repeater with JavaScript
• May 25, 2021 at 5:21 pm

@pzh20 , @hube2 I’ve just played around repeaters in JS.

Here the basic code used to add a row and to retrieve all the sub fields.

// Get repeater field (replace my-repeater-field-key' with a field key)
repeater = acf.getField('my-repeater-field-key');

// Add a new row
$row = repeater.add();

// Get subfields
let sub_fields=[];
$row.children('td.acf-field').each((i,$el)=>{
     sub_fields[i] = acf.getField($el);
})
// show sub fields                    
console.log(sub_fields);

// loop around sub fields and populate them.

Not so tricky with ACF JS API…

• [email protected]

• in reply to: Adding a sub field to a repeater with JavaScript
• May 25, 2021 at 7:50 am

@pzh20, yes it is the repeater field key then you can use the add method to create a new row.

• [email protected]

• in reply to: Adding a sub field to a repeater with JavaScript
• May 25, 2021 at 3:58 am

Hello

Using the JS API , this is really simple

my_repeater = acf.getField('<my key>');
my_repeater.add();

• [email protected]

• in reply to: OnChange Select DropDown
• January 21, 2021 at 5:23 pm

RogerBSulli, I think the best is to open first a new thread.

Regarding your problem, it coulb be easily solved with few JS code.

• [email protected]

• in reply to: Validation in javascript …
• December 31, 2020 at 7:31 am

Thanks for the feedback.

Yes by using both PHP and JS API I was able to find a solution !

• [email protected]

• in reply to: Fill fields after change value in another field
• December 30, 2020 at 11:16 pm

Sure.
Add it into your plugin main PHP file.

• [email protected]

• in reply to: Fill fields after change value in another field
• December 30, 2020 at 10:45 pm

On PHP there’s no action to trigger 🙂 but a filter. Do not encapsulate the filter hook in any action but use it as is in your functions.php.

• [email protected]

• in reply to: Fill fields after change value in another field
• December 30, 2020 at 8:43 pm

You did not use the right hook to enqueue your script in the admin part.
The best way to do this when you are using ACF is to use the dedicated action.

Heres an example to enqueue a my.js file from <MY PLUGIN>/js

add_action( 'acf/input/admin_enqueue_scripts', function () {
	wp_register_script( 'my-js', esc_url( plugins_url( '/js/my.js', __FILE__ ) ), false, false, true );
	wp_enqueue_script( 'my-js' );

} );

• [email protected]

• in reply to: Fill fields after change value in another field
• December 30, 2020 at 6:53 pm

Here is a more complete example .

UC : you want to change the content of some fields based on the selection of a combo box.

Here the JS part :

jQuery(document).ready(($) => {
    acf.addFilter('select2_ajax_data',(data, args, $input, field, instance) => {
            
            // Get the combo field instance

            let your_combo = acf.getFields({
                name: 'your_combo_field_name'
            })[0];

            if (your_combo !== undefined && (data.field_key === field.get('key')) {
                    data.your_value = your_combo.val();  // Here is the magic ;)
                }
            }
        });
})

And on PHP side, for all the fields depending on the combo selected value

foreach (['field1','field2','field3',] as $name) {
	add_filter( 'acf/fields/post_object/query/name=' . $name, function ( $args, $field, $post_id ) {

		// get the value from AJAX or from the field value
		$list = $_POST['your_value'] ) ?? get_field( 'your_combo_field_name', $post_id );
		}

		// change the query according to your model
		if ( null !== $list ) {
			// $args['tax_query']
			// $args['meta_query'] 
		}
		return $args;
	}, 1, 3 );
}

Hope this helps. Do not hesitate to comment if you find any problem in the code (wrote online from a live example)

• [email protected]

• in reply to: Fill fields after change value in another field
• December 30, 2020 at 9:41 am

This can be done by :

– 1st : pusching the selected data to the ajax request. For this you should use
select2_ajax_data javascript filter and add a new element in the ajaxData array using the ACF JS API.
Let say ajaxData.myparameter = getField(yourselectbox)

– 2nd : Once this is ok, use the acf/field/post_object/query on php side.
This filter is used to retrieve information and add them to the query.

For this get $_POST[myparameter] ?? get_field(yourselectbox).

$_POST : used to get ajax value from JS.
get_field() : used when you update the page to used the current saved value for yourselectbox.

Then you update the query to get the value for the other fields.

• [email protected]

• in reply to: OnChange Select DropDown
• December 28, 2020 at 8:23 am

The walkthrough to follow.

On javascript you should
– get the user ID (there are functions to do that)
– add it to the ACF ajax query.

For the other fields depending on user ID value :
On PHP you should use query filters (there are some for taxs, posts, relations)
– get the $_POST[ID] (added by JS before)
– use it.

When you load the page (ie for an update) , $_POST[ID] does not exist but you can use get_field if you need to use your query filters with user ID

• [email protected]

• in reply to: When to use the ACF JavaScript API?
• December 28, 2020 at 7:32 am

ACF JS API can be used to manage fields to change ajax query, to interact with action events and filters, manage dynamic relation between fields…

The main advantage is that you can manage fields and group using the same ACF logics as with PHP

• [email protected]

• in reply to: Saving a hidden select field without a value
• December 28, 2020 at 6:41 am

Another solution is to use ACF Javascript API and manage onchange event on your fields then add/remove the disable class when required.

• [email protected]

• in reply to: Hide values that have been selected in other field
• November 7, 2020 at 5:07 am

1st of all, sorry for the late reply.

Yes sure I’ve done some code that allows to manage group of fields in order to add the possibility to make some value inclusion, exclusion.

By adding a specific class to some fields, you can :
– group fields
– insert value from a group
– exclude value from a group
– Mix all this.

It is a JS lib (but with some jQuery code, not 100% migrated to vanilla js ).

It is running everyday without any problem (in my site context) without enhancements since more than one year.

You can find it here : https://github.com/chdenat/acf-xtend

Feel free to contact me for further explanation.

• [email protected]

• in reply to: Adding a button to a Block
• March 5, 2020 at 10:33 pm

Hello,

Just add it in your render block function in pure HTML , nothing to do with ACF

Christian

• [email protected]

• in reply to: ACF Javascript API – Dynamically Update select2 Field Options
• January 13, 2020 at 10:05 pm

Did this in my tiny lib where I can dynamicaly populate ACF select list with the content of other ACF selected items.

Feel free to check the code at https://github.com/chdenat/acf-xtend !

The idea is to get the select associated to any select field and manage its content accordingly.

• [email protected]

• in reply to: Custom Field working but vanished from "Field Group" Page
• December 11, 2019 at 11:18 pm

Hmmm… Got exactly the same issue here. I have an older Field group attached to a post type that appears when I edit my posts, but that are not in le ACF list anymore.

• [email protected]

• in reply to: Bug in field name and id with repeater
• May 6, 2019 at 2:30 am

Thanks for the quick answer.
It was causing me an issue because I’m trapping repeater row creation events to maintain a set of data I need to the ‘field sync tool’ I’m developping.

This was based on rows number in id… but found another way to do what I want !

• [email protected]

• in reply to: Hide values that have been selected in other field
• February 6, 2019 at 8:04 am

Partially done.

All in Javascript.
– able to dynamically get selections and put them in a global array.
– able to filter the selection choices with acf JS filter.

Need to put all these things together… and exclude already selected items.

stay tuned

• [email protected]

• in reply to: Hide values that have been selected in other field
• January 14, 2019 at 11:29 pm

Exactly what I’m looking for but for a soccer team 😉 . I’m investigating on this and check some solutions.

It is not possible on php side because there is no hook when you add/remove an item in one field.

Seems to be possible using JS API… but I need to pass items list (available in PHP)

What I’ll try :

managing add/remove hook using JS API
launch an ajax request that manage the selected list (as global) and add/remove items depending on the selection.

I need to filter the available items through javascript by reading through ajax the PHP list …

Should do the trick but it seems hi level dev…

• [email protected]

• in reply to: Some acf methods generate lot of PHP warnings
• July 31, 2016 at 1:20 am

Forgot It.. Sorry . I’ve found that another plugin I use have some improvements and the method I use return an array of post instead of a unic value….

• [email protected]

• in reply to: Migrating from timestamp to Date Field
• December 27, 2014 at 2:05 am

Using update field does not work for date (it works for string).
So the solution I’ve put in place is :

$this->birthdate = date( "Ymd", $this->birthdate );
update_post_meta ($this->ID, 'birthdate',  $this->birthdate);
update_post_meta ($this->ID, '_birthdate', 'field_53e11dd3841f6'); // CONSTANT KEY