Django中通过JS追加的Inline Formset无法保存带初始值的表单

嗨，我之前也遇到过几乎一模一样的问题！核心原因就是Django Formset的has_changed()逻辑在作祟——当你通过JS动态加载带初始值的表单后，Django会把提交的数据和表单的**初始值（initial）**对比，如果认为没有变化，就会跳过这个表单的保存，导致cleaned_data为空。咱们一步步来解决：

问题根源拆解 #

你提到动态加载的表单如果手动修改后就能正常保存，但带初始值提交就不行，这正好对应Django的机制：

• 对于新增的表单（无instance主键），Django默认会认为如果提交的数据和表单的initial完全一致，就属于“未修改”，不会创建新对象；
• 你通过JS请求后端获取的表单，虽然前端显示了初始值，但后端可能没把这些值正确设置为表单的initial属性，或者Formset判断逻辑没把新增表单的初始值视为“有效修改”。

解决方案 #

方案1：后端生成表单时正确设置initial（最推荐）

当JS发送GET请求获取动态表单时，把选中的item或item_type作为参数传给后端，后端生成Formset时明确设置initial值，再通过自定义逻辑让Formset认为新增表单的初始值是需要保存的有效数据。

比如先加一个专门返回动态表单片段的视图：

def get_dynamic_child_form(request):
    parent_id = request.GET.get('parent_id')
    item_id = request.GET.get('item')
    item_type_id = request.GET.get('item_type')
    
    # 构造初始值，根据传入的参数设置
    initial_data = {'quantity': 1}
    if item_id:
        initial_data['item'] = item_id
    if item_type_id:
        initial_data['item_type'] = item_type_id
    
    # 创建带初始值的Formset（注意这里用extra=1，因为是新增一个表单）
    formset = ChildInlineFormset(
        instance=get_object_or_404(models.Parent, pk=parent_id),
        initial=[initial_data],
        extra=1
    )
    # 返回渲染好的表单片段（比如只渲染formset的第一个extra表单）
    return render(request, 'partials/child_form.html', {'form': formset.forms[0], 'prefix': formset.prefix})

然后在自定义Formset里调整has_changed()逻辑，让新增表单只要有item或item_type就视为已修改：

class CustomFormset(forms.BaseInlineFormSet):
    def has_changed(self):
        # 遍历所有表单
        for form in self.forms:
            # 针对新增的表单（无主键）
            if not form.instance.pk:
                # 只要item或item_type有值，就算已修改
                cleaned_item = form.cleaned_data.get('item')
                cleaned_type = form.cleaned_data.get('item_type')
                if cleaned_item or cleaned_type:
                    return True
        # 已有表单用默认逻辑判断
        return super().has_changed()

方案2：重写Formset的save方法强制保存新增表单

如果不想改动前端请求逻辑，也可以直接在Formset的save方法里手动处理那些被跳过的表单：

class CustomFormset(forms.BaseInlineFormSet):
    def save(self, commit=True):
        # 先调用父类方法获取要保存的实例
        instances = super().save(commit=False)
        
        # 遍历所有额外表单（新增的表单）
        for form in self.extra_forms:
            if not form.instance.pk:
                # 检查是否有有效数据
                item = form.cleaned_data.get('item')
                item_type = form.cleaned_data.get('item_type')
                if item or item_type:
                    # 创建实例并关联parent
                    instance = form.save(commit=False)
                    instance.parent = self.instance
                    instances.append(instance)
        
        # 提交保存
        if commit:
            for instance in instances:
                instance.save()
            self.save_m2m()
        return instances

方案3：前端小技巧（临时应急）

这个方法比较hack，但可以快速验证问题：在动态加载表单后，手动修改一个字段的值再改回来，触发表单的change事件，让Django认为表单被修改过。比如：

// 加载完动态表单后
const quantityInput = document.querySelector('#items-1-quantity');
const originalValue = quantityInput.value;
quantityInput.value = originalValue + ' ';
quantityInput.dispatchEvent(new Event('change'));
quantityInput.value = originalValue;
quantityInput.dispatchEvent(new Event('change'));

不过不推荐长期用这个方法，后端处理才是根本。

针对你代码的额外提示 #

你之前设置form.empty_permitted = False没用，因为这个属性只是控制表单验证时是否允许为空，和has_changed()的保存逻辑无关。另外要确保你的Formset前缀（prefix）完全一致，前端渲染的表单字段名要和Formset的prefix对应（比如你的例子里是items-开头）。

内容来源于stack exchange