I will soon be starting a new project at work, and one of the mockups calls for a side by side control to select multiple choices in a many-to-many relationships. \u00c2\u00a0The default control used by Django is the SelectMultiple widget.<\/p>\n
<\/p>\n
However, this can get unwieldy when the number of choices grows. \u00c2\u00a0Instead, I wish to use a filter select, as seen in the Django admin when assigning permissions to a user or group.<\/p>\n
<\/p>\n
It didn’t take too much research to find a Django snippet as an example. \u00c2\u00a0http:\/\/djangosnippets.org\/snippets\/2466\/<\/a>. \u00c2\u00a0I pretty much copied his example, except for the CSS file called ‘uid -manage-form.css’. \u00c2\u00a0This must be part of his application, because I couldn’t find any other reference to it online.<\/p>\n Here is the form code I ended up with:<\/p>\n As the example shows, I included the tag for the form media in the <head> section of the template, which inserts the CSS and JS calls.<\/p>\n Once my designer gets a hold of this, I’m sure it will look great.<\/p>\n UPDATE: For an example of using the\u00c2\u00a0RelatedFieldWidgetWrapper to include the capability to add a new record, see this post<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" I will soon be starting a new project at work, and one of the mockups calls for a side by side control to select multiple choices in a many-to-many relationships. \u00c2\u00a0The default control used by Django is the SelectMultiple widget. However, this can get unwieldy when the number of choices grows. \u00c2\u00a0Instead, I wish … <\/p>\nfrom django.contrib.admin.widgets import FilteredSelectMultiple\r\n\r\nclass BookForm(ModelForm):\r\n authors = forms.ModelMultipleChoiceField(queryset=Author.objects.all(),\r\n label=('Select Authors'),\r\n widget=FilteredSelectMultiple(\r\n ('authors'),\r\n False,\r\n ))\r\n class Media:\r\n css = {\r\n 'all':('\/media\/css\/widgets.css',),\r\n }\r\n # jsi18n is required by the widget\r\n js = ('\/admin\/jsi18n\/',)\r\n\r\n class Meta:\r\n model = Book<\/pre>\n<head>\r\n ...\r\n {{ bookform.media }}\r\n<\/head><\/pre>\n