使用JS库将开关控制的可重复字段JSON值置空的技术求助

针对你的需求，推荐使用Backpack CRUD提供的beforeSave钩子来操作字段值，这是官方支持的表单提交前修改数据的方式，能确保值正确同步到提交的表单数据中：

方案一：使用官方setValue方法（推荐） #

假设控制开关的字段名为toggle_repeatable，可重复字段名为repeatable_field_parent，代码如下：

// 绑定表单保存前的回调
crud.beforeSave(function(form) {
    // 获取开关状态（这里假设开关是checkbox类型）
    const isRepeatableEnabled = $('input[name="toggle_repeatable"]').is(':checked');
    
    if (!isRepeatableEnabled) {
        // 直接将可重复字段设置为null
        crud.field('repeatable_field_parent').setValue(null);
    }
    
    return true; // 允许表单继续提交
});

方案二：直接操作隐藏输入（备用） #

如果setValue方法不生效，可直接操作可重复字段对应的隐藏输入框（可重复字段的JSON值通常存在隐藏input中）：

crud.beforeSave(function(form) {
    const isRepeatableEnabled = $('input[name="toggle_repeatable"]').is(':checked');
    
    if (!isRepeatableEnabled) {
        // 找到对应隐藏输入并设为null
        const repeatableInput = $('input[name="repeatable_field_parent"]');
        repeatableInput.val(null);
        // 同步更新Backpack字段对象的内部值
        crud.field('repeatable_field_parent').value = null;
    }
    
    return true;
});

为什么你之前的尝试没生效？ #

• crud.field('repeatable_field_parent').input.value仅获取DOM元素的当前值，直接赋值无法同步到Backpack的内部状态管理系统；
• 直接修改crud.field('repeatable_field_parent').value属于直接操作属性，没有触发Backpack的字段值更新逻辑，所以提交时不会生效。

内容的提问来源于stack exchange，提问作者ZcomZ