使用django-formset库时所有按钮无响应问题求助

核心问题：缺少静态资源引入 #

你的模板未加载django-formset的核心JavaScript和CSS文件，导致<django-formset>这个Web组件无法被浏览器识别，自定义的click指令也无法生效。

修复步骤： #

1. 在模板中添加静态资源引入
   修改customer-edit.html的<head>部分，加入django-formset的CSS和JS：

{% load static %}
<link href="{% static 'formset/css/django-formset.css' %}" rel="stylesheet">
<script type="module" src="{% static 'formset/js/django-formset.js' %}"></script>

注意必须用type="module"加载JS，因为django-formset基于ES模块编写。

2. 修正模板标签加载
   当前版本的django-formset使用formset模板标签库，将模板中的{% load render_form from formsetify %}替换为：

{% load formset %}

3. 优化视图的上下文传递
   在CustomerEditView中完善上下文传递逻辑，确保add变量能正确传递到模板：

# views.py中修改get_context_data方法
def get_context_data(self, **kwargs):
    context = super().get_context_data(**kwargs)
    context['add'] = self.extra_context.get('add', False)
    return context

同时优化get_object方法，确保新增模式下返回空对象：

def get_object(self, queryset=None):
    if not self.extra_context.get('add', True):
        return super().get_object(queryset)
    return None

4. 解决最初的cssRules错误
   该错误由浏览器安全限制触发，通常是静态资源加载异常导致的。确保：

• Django项目settings.py中正确配置了STATIC_URL
• 开发环境下通过python manage.py runserver启动服务，访问地址用http://127.0.0.1:8000而非本地文件协议
• 生产环境执行python manage.py collectstatic收集静态文件

修复后的完整模板示例 #

{% load i18n static formset %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Customer Edit</title>
    <link href="{% static 'formset/css/django-formset.css' %}" rel="stylesheet">
    <script type="module" src="{% static 'formset/js/django-formset.js' %}"></script>
</head>
<body>

<django-formset endpoint="{{ request.path }}" csrf-token="{{ csrf_token }}">
  {% render_form form %}
  {% if add %}
    <button type="button" click="submit({add: true}) -> proceed">{% trans "Add" %}</button>
  {% else %}
    <button type="button" click="submit({update: true}) -> proceed">{% trans "Update" %}</button>
    <button type="button" click="submit({delete: true}) -> proceed">{% trans "Delete" %}</button>
  {% endif %}
</django-formset>

</body>
</html>

额外检查项 #

• 确认已通过pip install django-formset正确安装库
• 检查settings.py的INSTALLED_APPS中添加了formset：

INSTALLED_APPS = [
    # ...其他应用
    'formset',
]

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