Django Forms - 更改渲染多选小部件答案

【问题标题】：Django Forms - change the render multiple select widgetDjango Forms - 更改渲染多选小部件
【发布时间】：2010-05-17 10:35:52
【问题描述】：

在我的模型中，我有一个多对多字段

mentors = models.ManyToManyField(MentorArea, verbose_name='Areas', blank=True)

在我的表单中，我想将其呈现为：

包含所有列表的下拉框 MentorArea 对象没有已与对象相关联。
旁边有一个添加按钮将调用一个javascript函数这会将其添加到对象中。
然后在该 ul 列表下每个选定的 MentorArea 对象与旁边的 x 再次调用 a javascript函数将从对象。

我知道要更改字段元素的呈现方式，您需要创建一个自定义小部件并覆盖呈现函数，而我已经这样做以创建添加按钮。

class AreaWidget(widgets.Select):

    def render(self, name, value, attrs=None, choices=()):
        jquery = u'''
        <input class="button def" type="button" value="Add" id="Add Area" />'''

        output = super(AreaWidget, self).render(name, value, attrs, choices)

        return output + mark_safe(jquery)

但是我不知道如何将当前选定的列表作为列表列出。谁能帮我？还有什么是过滤列表的最佳方法，以便它只显示尚未添加的 MentorArea 对象？我目前的字段为

mentors = forms.ModelMultipleChoiceField(queryset=MentorArea.objects.all(), widget = AreaWidget, required=False)

但这会显示所有导师，无论是否已添加。

谢谢

【问题讨论】：

标签： django django-forms django-widget

【解决方案1】：

对我来说，您描述的功能听起来很像使用 ModelAdmin 的 filter_horizontal 和 filter_vertical 设置可以实现的功能。他们渲染的小部件位于django.contrib.admin.widgets.FilteredSelectMultiple。你应该看看它的代码！

【讨论】：