如何用Django Autocomplete Light实现列表多选并结合ArrayField？

以下是适配你需求的完整实现示例，核心是结合DAL的多选组件与Postgres的ArrayField：

1. 定义模型（含ArrayField） #

from django.db import models
from django.contrib.postgres.fields import ArrayField

CHOICE_LIST = [
    ['FR', 'France'],
    ['FJ', 'Fiji'],
    ['FI', 'Finland'],
    ['CH', 'Switzerland']
]

class CountryRecord(models.Model):
    selected_countries = ArrayField(
        models.CharField(max_length=2, choices=CHOICE_LIST),
        blank=True,
        default=list
    )

2. 编写Autocomplete类 #

无需修改原有逻辑，Select2ListView天然支持多选场景的选项返回：

import autocomplete_light

class CountryAutocompleteFromList(autocomplete_light.Select2ListView):
    def get_list(self):
        return CHOICE_LIST

3. 构建表单（适配多选与ArrayField） #

使用Postgres提供的SimpleArrayField作为表单字段，搭配开启多选的DAL组件：

from django import forms
from django.contrib.postgres.forms import SimpleArrayField
import autocomplete_light
from .models import CountryRecord, CHOICE_LIST

class CountryForm(forms.ModelForm):
    selected_countries = SimpleArrayField(
        forms.ChoiceField(choices=CHOICE_LIST),
        widget=autocomplete_light.ListSelect2(
            url='country-list-autocomplete',
            attrs={'multiple': 'multiple'}  # 开启多选
        ),
        required=False
    )

    class Meta:
        model = CountryRecord
        fields = ['selected_countries']

4. 配置URL路由 #

将Autocomplete类注册到路由：

from django.urls import path
from . import autocomplete

urlpatterns = [
    # 其他路由...
    path('autocomplete/countries/', 
         autocomplete.CountryAutocompleteFromList.as_view(), 
         name='country-list-autocomplete'),
]

关键说明 #

• ArrayField负责在数据库层存储多选的国家代码数组，SimpleArrayField作为表单层的适配字段，处理数组与表单数据的转换。
• 通过给ListSelect2添加attrs={'multiple': 'multiple'}，启用Select2的多选功能，用户可通过搜索选择多个选项。
• Autocomplete类无需额外修改，Select2ListView会自动处理多选场景下的搜索请求与选项返回。

可选优化 #

• 若需限制最大选择数量，可在widget的attrs中添加data-maximum-selection-length="3"（替换为你需要的数量）。
• 如需自定义多选组件的样式，可通过Select2的配置参数调整（例如添加data-placeholder="选择国家"）。

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