Django form fields using the Select2 jQuery plugin
Project description
django-select2-forms is a project that makes available Django form fields that use the Select2 javascript plugin. It was created by developers at The Atlantic.
Support
Being that Django added select2 support in 2.0, we will support up to that version for compatibility purposes.
~=v3.0: Python >=3.7,<3.9 | Django 2.2,3.1,3.2 (current release)
Local Development & Testing
The following steps should only need to be done once when you first begin:
Install pyenv
These instructions assume that you have Homebrew installed, but not pyenv.
brew install pyenv
touch ~/.bash_profile
Add the following line to your ~/bash_profile or .zshrc:
eval "$(pyenv init -)"
Reload your shell:
. ~/.bash_profile
or
. ~/.zshrc
Python Repository Setup
First, clone the repository and prep your Python environment:
git clone https://github.com/theatlantic/django-select2-forms.git
pyenv install 3.7.2
pyenv install 3.8.0
pyenv install 3.9.0
pyenv local 3.7.2 3.8.0 3.9.0
python -V
The output of the previous command should be Python 3.7.2.
Finally:
python -m venv venv
Activate Your Environment
From the base directory:
deactivate # ignore: -bash: deactivate: command not found
. venv/bin/activate
pip install -U tox
Running tests
If you have not already done so, set up your environment by chromedriver:
brew install --cask chromedriver
Run all tests:
tox -- --selenosis-driver=chrome-headless
Show all available tox commands:
tox -av
Run only a specific environment:
tox -e <environment-name> -- --selenosis-driver=chrome-headless # example: tox -e py37-django22
Only run a specific test:
tox -- pytest -k test_something --selenosis-driver=chrome-headless
Run an arbitrary command in a specific environment:
tox -e py37-django22 -- python # runs the Python REPL in that environment
Setup a development environment:
tox -e <pyXX-DjangoYY> --develop -r
. .tox/<pyXX-DjangoYY>/bin/activate
Installation
The recommended way to install is with pip:
pip install django-select2-forms
or, to install with pip from source:
pip install -e git+git://github.com/theatlantic/django-select2-forms.git#egg=django-select2-forms
If the source is already checked out, use setuptools:
python setup.py develop
Configuration
django-select2-forms serves static assets using django.contrib.staticfiles, and so requires that "select2" be added to your settings’ INSTALLED_APPS:
INSTALLED_APPS = (
# ...
'select2',
)
To use django-select2-forms’ ajax support, 'select2.urls' must be included in your urls.py urlpatterns:
urlpatterns = patterns('',
# ...
url(r'^select2/', include('select2.urls')),
)
Usage
The simplest way to use django-select2-forms is to use select2.fields.ForeignKey and select2.fields.ManyToManyField in place of django.db.models.ForeignKey and django.db.models.ManyToManyField, respectively. These fields extend their django equivalents and take the same arguments, along with extra optional keyword arguments.
select2.fields.ForeignKey examples
In the following two examples, an “entry” is associated with only one author. The example below does not use ajax, but instead performs autocomplete filtering on the client-side using the <option> elements (the labels of which are drawn from Author.__str__()) in an html <select>.
@python_2_unicode_compatible
class Author(models.Model):
name = models.CharField(max_length=100)
def __str__(self):
return self.name
class Entry(models.Model):
author = select2.fields.ForeignKey(Author,
overlay="Choose an author...",
on_delete=models.CASCADE)
This more advanced example autocompletes via ajax using the Author.name field and limits the autocomplete search to Author.objects.filter(active=True)
class Author(models.Model):
name = models.CharField(max_length=100)
active = models.BooleanField()
class Entry(models.Model):
author = select2.fields.ForeignKey(Author,
limit_choices_to=models.Q(active=True),
ajax=True,
search_field='name',
overlay="Choose an author...",
js_options={
'quiet_millis': 200,
},
on_delete=models.CASCADE)
select2.fields.ManyToManyField examples
In the following basic example, entries can have more than one author. This example does not do author name lookup via ajax, but populates <option> elements in a <select> with Author.__unicode__() for labels.
@python_2_unicode_compatible
class Author(models.Model):
name = models.CharField(max_length=100)
def __str__(self):
return self.name
class Entry(models.Model):
authors = select2.fields.ManyToManyField(Author)
The following “kitchen sink” example allows authors to be ordered, and uses ajax to autocomplete on two variants of an author’s name.
from django.db import models
from django.db.models import Q
import select2.fields
import select2.models
class Author(models.Model):
name = models.CharField(max_length=100)
alt_name = models.CharField(max_length=100, blank=True, null=True)
class Entry(models.Model):
categories = select2.fields.ManyToManyField(Author,
through='EntryAuthors',
ajax=True,
search_field=lambda q: Q(name__icontains=q) | Q(alt_name__icontains=q),
sort_field='position',
js_options={'quiet_millis': 200})
form field example
If you don’t need to use the ajax features of django-select2-forms it is possible to use select2 on django forms without modifying your models. The select2 formfields exist in the select2.fields module and have the same class names as their standard django counterparts (ChoiceField, MultipleChoiceField, ModelChoiceField, ModelMultipleChoiceField). Here is the first ForeignKey example above, done with django formfields.
class AuthorManager(models.Manager):
def as_choices(self):
for author in self.all():
yield (author.pk, force_text(author))
@python_2_unicode_compatible
class Author(models.Model):
name = models.CharField(max_length=100)
objects = AuthorManager()
def __str__(self):
return self.name
class Entry(models.Model):
author = models.ForeignKey(Author, on_delete=models.CASCADE)
class EntryForm(forms.ModelForm):
author = select2.fields.ChoiceField(
choices=Author.objects.as_choices(),
overlay="Choose an author...")
class Meta:
model = Entry
License
The django code is licensed under the Simplified BSD License and is copyright The Atlantic Media Company. View the LICENSE file under the root directory for complete license and copyright information.
The Select2 javascript library included is licensed under the Apache Software Foundation License Version 2.0. View the file select2/static/select2/select2/LICENSE for complete license and copyright information about the Select2 javascript library.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Built Distribution
File details
Details for the file django-select2-forms-3.0.0.tar.gz
.
File metadata
- Download URL: django-select2-forms-3.0.0.tar.gz
- Upload date:
- Size: 208.6 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/3.4.1 importlib_metadata/4.5.0 pkginfo/1.7.0 requests/2.25.1 requests-toolbelt/0.9.1 tqdm/4.61.1 CPython/3.7.3
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | 1be1a9832e42d9d885154013bddd562c153675f466c08d7b8e70c67e46d50515 |
|
MD5 | 2e277c474d49389ce9fc72f660b5767b |
|
BLAKE2b-256 | 027612f460e4cc71f2c272d3e57ce674a6f77aa46ed0bef3fcefff31cecbd703 |
File details
Details for the file django_select2_forms-3.0.0-py3-none-any.whl
.
File metadata
- Download URL: django_select2_forms-3.0.0-py3-none-any.whl
- Upload date:
- Size: 216.7 kB
- Tags: Python 3
- Uploaded using Trusted Publishing? No
- Uploaded via: twine/3.4.1 importlib_metadata/4.5.0 pkginfo/1.7.0 requests/2.25.1 requests-toolbelt/0.9.1 tqdm/4.61.1 CPython/3.7.3
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | 46eefef8dee6c2d96a788b818046f373e772d58d562b869d6839407f2eb88d32 |
|
MD5 | 27dafec59c7089bb55d23bf70b9bc1a3 |
|
BLAKE2b-256 | 6946417c06665d6937ce66cdd74b5f7a5c2c2a622737105d9c2bf08335a988ae |