Как реализовать перетаскивание элементов в слайдере?

Question

[nurzhannogerbek]

Здравствуйте! Помогите пожалуйста разобраться.

В своем Джанго проекте у меня есть модель данных Slider (см. ниже). На основе этой модели данных пытаюсь создать слайдер. C виду он похож на слайдер как на сайте djangopackages.


Сортировка объектов модели по умолчанию проходить по полю idx. В самом интерфейсе сортировка должно быть реализована по средствам перетаскивания. Вопрос в следующем. Могли бы вы посоветовать варианты решения создания подобного слайдера. Куда копать? Вроде JQuery предоставляет такую возможность, но не могу найти более имее подробную информацию. Должно ли значение поле idx меняться при перетаскивании элемента. Буду благадарен любой помощи!

models.py:

class Slider(models.Model):
    head = models.CharField(
        max_length=250,
        help_text='Заголовок',
        blank=False
    )

    body = models.TextField(
        help_text='Основной текст с описанием',
        blank=False
    )

    idx = models.IntegerField(
        help_text='Поле для сортировки',
        default=0,
    )

    class Meta:
        ordering = ['idx']

Comments

[Сергей Горностаев]

По событию dragend получать список элементов и оправлять ajax'ом их идентификаторы в том порядке, в котором они в списке.

[nurzhannogerbek]

Сергей Горностаев: Здравствуйте! Можете пожалуйста показать какой-нибудь простой пример для наглядности. Пытаюсь разобраться, но не получается переварить все в голове. Как на ваш взгляд лучше реализовать сам слайдер похожий по поведении на тот который на сайте djangopackages? (Передвигается на одну позицию, что-то на подобии lazy loading) У меня получается, как при пагинации, что не совсем правильно. Что бы вы могли посоветовать?