如何在Django中按类别关联显示ModelForm的多选框选项

一、实现层级关联的可选择筛选表单 #

你的核心需求是让子类别按所属类别展示，同时保留复选框的可交互性。可以通过在视图中预处理子类别表单选项的分组，再在模板中渲染来实现：

1. 视图层处理分组 #

在视图函数中，将子类别对应的表单选项按所属类别分组，传递给模板：

from django.shortcuts import render
from .forms import JobModelForm
from .models import Subcategory

def job_filter_view(request):
    form = JobModelForm(request.GET or None)
    # 按类别分组子类别表单选项
    grouped_subcategory_options = {}
    for subcat_option in form.subcategories:
        # 获取当前子类别实例
        subcat = Subcategory.objects.get(pk=subcat_option.data['value'])
        category = subcat.category
        if category not in grouped_subcategory_options:
            grouped_subcategory_options[category] = []
        grouped_subcategory_options[category].append(subcat_option)
    
    # 处理筛选逻辑（示例）
    jobs = []
    if form.is_valid():
        category_ids = form.cleaned_data.get('categories', [])
        subcategory_ids = form.cleaned_data.get('subcategories', [])
        jobs = Job.objects.all()
        if category_ids:
            jobs = jobs.filter(categories__in=category_ids)
        if subcategory_ids:
            jobs = jobs.filter(subcategories__in=subcategory_ids)
    
    context = {
        'form': form,
        'grouped_subcategory_options': grouped_subcategory_options,
        'jobs': jobs
    }
    return render(request, 'job_filter.html', context)

2. 模板层渲染层级结构 #

在模板中遍历每个类别，同时渲染对应分组的子类别复选框：

<form method="get">
    {% csrf_token %}
    {% for category_option in form.categories %}
        <div>
            <!-- 渲染类别复选框 -->
            {{ category_option }}
            <!-- 渲染当前类别下的子类别复选框 -->
            {% if grouped_subcategory_options.get(category_option.choice_value) %}
                {% for subcat_option in grouped_subcategory_options.get(category_option.choice_value) %}
                    <div style="text-indent: 2em;">
                        {{ subcat_option }}
                    </div>
                {% endfor %}
            {% endif %}
        </div>
    {% endfor %}
    <input type="submit" value="筛选">
</form>

这样既实现了子类别按所属类别展示，又保留了复选框的可选择功能。

二、相关问题解答 #

1. Django Admin中自动关联子类别对应的类别 #

可以通过重写JobAdmin的save_model方法，在保存职位时自动将选中子类别对应的类别添加到职位的类别关联中：

from django.contrib import admin
from .models import Job, Category, Subcategory

class JobAdmin(admin.ModelAdmin):
    def save_model(self, request, obj, form, change):
        # 先保存对象（多对多关系需要对象已存在）
        obj.save()
        
        # 收集选中子类别对应的所有类别
        selected_subcats = form.cleaned_data.get('subcategories', [])
        auto_categories = set()
        for subcat in selected_subcats:
            if subcat.category:
                auto_categories.add(subcat.category)
        
        # 保留用户手动选择的类别，合并自动关联的类别
        manual_categories = set(obj.categories.all()) - set(
            Category.objects.filter(subcategory__job=obj)
        )
        final_categories = manual_categories.union(auto_categories)
        
        # 更新职位的类别关联
        obj.categories.set(final_categories)
        super().save_model(request, obj, form, change)

admin.site.register(Job, JobAdmin)
admin.site.register(Category)
admin.site.register(Subcategory)

这段代码会自动同步子类别对应的类别，同时保留用户手动选择的类别（如果有的话）。

2. 更标准的原生实现方式 #

方式1：优化模型设计

你的当前模型存在冗余（Job同时关联Category和Subcategory），可以移除Job.categories字段，通过subcategories__category反向查询类别：

# 修改后的Job模型
class Job(models.Model):
    title = models.CharField(max_length=150, null=True, blank=True)
    subcategories = models.ManyToManyField(Subcategory, null=True, blank=True)

    def __str__(self):
        return self.title

# 查询示例：筛选属于某个类别的职位
Job.objects.filter(subcategories__category__name="技术")

这样可以避免数据同步的问题，简化逻辑。

方式2：使用django-filter实现筛选

如果需要更专业的筛选功能，可以使用django-filter库（Django生态中常用的筛选工具）：

1. 安装：pip install django-filter
2. 配置：在settings.py中添加'django_filters'到INSTALLED_APPS
3. 定义FilterSet：

import django_filters
from .models import Job, Category, Subcategory

class JobFilter(django_filters.FilterSet):
    category = django_filters.ModelMultipleChoiceFilter(
        queryset=Category.objects.all(),
        widget=django_filters.widgets.CheckboxSelectMultiple
    )
    subcategory = django_filters.ModelMultipleChoiceFilter(
        queryset=Subcategory.objects.all(),
        widget=django_filters.widgets.CheckboxSelectMultiple
    )

    class Meta:
        model = Job
        fields = ['category', 'subcategory']

4. 在视图中使用：

from django_filters.views import FilterView
from .filters import JobFilter

class JobFilterView(FilterView):
    filterset_class = JobFilter
    template_name = 'job_filter.html'

然后在模板中可以自定义渲染分组的筛选表单，实现层级展示。

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