JQuery сортировки, которые могут также группировать элементы вместе

Question

мне нужен JQuery Сортируемого со следующей функциональностью:

1. Сортировка элементов путем перетаскиванием (которая является легкой частью)
2. группы и элементы разгруппирования (которая часть, которую я не могу понять).

Процесс работает следующим образом:

Пользователь предоставляет список элементов. Я использую этот список для создания сортируемого неупорядоченного списка с помощью jquery.

Пример:

• Б
• С
• D

Затем пользователь должен использовать это сортируемым для ранжирования предметов от лучшего к худшему. Пользователь должен иметь возможность сгруппировать элементы, которые являются эквивалентными (например, одного ранга)

Пример:

• БК
• D

Желаемый поток пользовательского интерфейса:

• Ручки и заполнители используются для перемещения элементов в сортируемом (опять же, просто, но я не уверен, как это сделать)

• Заполнитель является видимым, когда пользователь наводится на существующий элемент, чтобы элементы могли группироваться вместе. Группа элементов представляет собой единый li, как показано выше.

• Пользователь может щелкнуть и перетащить один дескриптор, чтобы переместить всю группу и другой дескриптор, чтобы удалить элемент из группы и поместить его в новое место в списке (как человек, создав новый li или переместите его от одной группы к другой, добавляя ее к существующему li).

Вещи, которые я пытался:

• вложенными сортируемых плагинов, я не мог заставить их делать то, что мне было нужно. У меня нет структуры контуров или папок, я хочу, чтобы все элементы находились на одном уровне.

• связные sortables, я не знаю, сколько sortables создать в самом начале, я понятия не имею, если пользователь захочет сгруппировать элементы вместе и сколько групп будет в конце концов. В целом, этот подход не работал.

• щелкните и разместите, я написал событие click для элемента. Когда пользователь нажимает на элемент, все возможные заполнители становятся видимыми, а затем пользователь выбирает местозаполнитель, и элемент перемещается в этот заполнитель. Он работает нормально, но я бы очень хотел использовать более интуитивное перетаскивание.

Я открыт для других подходов или html-структур для моего списка, если он будет работать, как я описал в начале.

Любая помощь очень ценится! Спасибо!!

Answer 1

Просто мысль. Можете ли вы использовать группу optgroup для группировки значений?