Skip to main content

Django form fields using the Select2 jQuery plugin

Project description

https://travis-ci.org/theatlantic/django-select2-forms.svg?branch=master

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.

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


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django-select2-forms-2.0.1.tar.gz (208.0 kB view details)

Uploaded Source

Built Distribution

django_select2_forms-2.0.1-py2.py3-none-any.whl (218.1 kB view details)

Uploaded Python 2 Python 3

File details

Details for the file django-select2-forms-2.0.1.tar.gz.

File metadata

File hashes

Hashes for django-select2-forms-2.0.1.tar.gz
Algorithm Hash digest
SHA256 252fef3287463259876e383b341f73ea5072ad7a6ffa07c90b10669b100743d4
MD5 e880ec107534be2f4f6cbc2b2d791032
BLAKE2b-256 cce6c6ad4bcdd9e1a72daa5d0ce83ea9d459ad2c2e0eae2ebf24416e0948d964

See more details on using hashes here.

File details

Details for the file django_select2_forms-2.0.1-py2.py3-none-any.whl.

File metadata

File hashes

Hashes for django_select2_forms-2.0.1-py2.py3-none-any.whl
Algorithm Hash digest
SHA256 e4adf132164e02dc0ca3c5fc14f9e5edc5af19a82b635805a94b45978562557d
MD5 ad6ef98d3a0882caa1434e31a5cb8c91
BLAKE2b-256 28fc6c3b7204eea572a765a3a185eeb39635c196229a9c67cd37ea5abb255de2

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page