Skip to main content

Django Sorting Field

Project description

https://travis-ci.org/andersinno/django-sorting-field.svg?branch=master https://codecov.io/gh/andersinno/django-sorting-field/branch/master/graph/badge.svg
  • This package implements a Django form field + widget for drag & drog sorting of items

  • Sorting any item with a field called id is supported

  • The drag and drop feature has been implemented with html5sortable.

Known limitations

  • Refreshing the items on the widget not (yet?) supported out of the box

  • No tests

Example of the widget

readme-media/example.gif

Usage

The sort order field should be implemented on the model containing the sorted objects. This allows ordering of different instances of the same item set differently.

Let’s say you have image CarouselPlugin, Carousel, and Picture models, and you wish to be able to sort the same Carousel instance differently on each CarouselPlugin.

You also have a CMSPlugin object for the carousel.

class Carousel(models.Model):
        pass


class Picture(models.Model):
        carousel = models.ForeignKey(Carousel, related_name="pictures")
        image = SomeImageField()
        name = models.CharField()


class CarouselPlugin(CMSPlugin):
        carousel = models.ForeignKey(Carousel, related_name="x")


class CMSCarouselPlugin(CMSPluginBase):
        model = CarouselPlugin

        def render(self, context, instance, placeholder):
                context.update({
                        "pictures": self.instance.carousel.pictures.all(),
                })
                return context

Achieving the wanted behavior can be done in the following steps:

Add a (nullable) TextField to the model containing the order information

class CarouselPlugin(CMSPlugin):
        carousel = models.ForeignKey(Carousel, related_name="x")
        carousel_order = models.TextField(null=True)

Add the SortingFormField to the CMS Plugin and populate it

from django_sorting_field.fields import SortingFormField

class CarouselPluginForm(forms.ModelForm):
        carousel_order = SortingFormField()

        def __init__(self, *args, **kwargs):
                super(CarouselPluginForm, self).__init__(*args, **kwargs)
                if self.instance.pk:
                        self.fields["carousel_order"].populate(
                                items=self.instance.carousel.pictures.all(),
                        )

class CMSCarouselPlugin(CMSPluginBase):
        model = CarouselPlugin
        form = CarouselPluginForm

        def render(self, context, instance, placeholder):
                context.update({
                        "pictures": self.instance.carousel.pictures.all(),
                })
                return context

Finally, sort the items passed to the context data

from django_sorting_field.utils import sort_by_order

        class CMSCarouselPlugin(CMSPluginBase):
        model = CarouselPlugin
        form = CarouselPluginForm

        def render(self, context, instance, placeholder):
                context.update({
                        "pictures": sort_by_order(
                                self.instance.carousel.pictures.all(),
                                self.instance.carousel_order
                        ),
                })
                return context

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-sorting-field-1.0.2.tar.gz (7.4 kB view hashes)

Uploaded Source

Built Distribution

django_sorting_field-1.0.2-py2.py3-none-any.whl (10.9 kB view hashes)

Uploaded Python 2 Python 3

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