get/set ACF 字段的值 JavaScript API,在自定义块中,在 post 编辑页面上
get/set value of the ACF field by ACF JavaScript API, in a custom block, on the post editing page
我使用 AdvancedCustomFields PRO 插件制作了自定义 gutenberg 块。这个块有一个画廊领域。我需要制作一个按钮,用某些照片填充图库字段。我使用新的自定义字段类型呈现按钮,但如何更改同一块中另一个字段的值?
ACF JavaScript API 中的函数 acf.findFields (args)
适用于附加到页面的字段,但如何访问特定自定义块中的字段?
我找到了解决方案
将此脚本附加到管理面板
此代码为 ACF 画廊字段添加一个按钮,用预定义的数据填充画廊。
</p>
<pre><code>(function($){
setInterval(function() {
let fields = acf.getFields({type:"gallery"});
for (let field of fields) {
if (!field.dasupdated) {
field.dasupdated = true;
let control = $("<div><button class='button'>Append Attachment</button></div>");
control.find("button").click(()=>{
field.appendAttachment({attributes:{
id: 56060,
url: "http://site.url/image.jpg"
}});
});
$(field.$el[0]).find(".acf-gallery-main .acf-gallery-toolbar").append(control);
}
}
}, 1000);
})(jQuery);
我使用 AdvancedCustomFields PRO 插件制作了自定义 gutenberg 块。这个块有一个画廊领域。我需要制作一个按钮,用某些照片填充图库字段。我使用新的自定义字段类型呈现按钮,但如何更改同一块中另一个字段的值?
ACF JavaScript API 中的函数 acf.findFields (args)
适用于附加到页面的字段,但如何访问特定自定义块中的字段?
我找到了解决方案
将此脚本附加到管理面板
此代码为 ACF 画廊字段添加一个按钮,用预定义的数据填充画廊。
</p>
<pre><code>(function($){
setInterval(function() {
let fields = acf.getFields({type:"gallery"});
for (let field of fields) {
if (!field.dasupdated) {
field.dasupdated = true;
let control = $("<div><button class='button'>Append Attachment</button></div>");
control.find("button").click(()=>{
field.appendAttachment({attributes:{
id: 56060,
url: "http://site.url/image.jpg"
}});
});
$(field.$el[0]).find(".acf-gallery-main .acf-gallery-toolbar").append(control);
}
}
}, 1000);
})(jQuery);