- PVSM.RU - https://www.pvsm.ru -

Сортируемый вложенный список с выделяемыми элементами

Учим вложенные списки вести себя как файлы и папки.
image

В свободное время я пишу очередного убийцу браузерных закладок (вероятно, юбилейного, ста-пятисотого), для которого требовалась работа со вложенными списками. Беглое гугление не выдало финалиста (ближе всего, пожалуй, nestedSortable [1]), так что решил писать свой велосипед.

Задача велосипеда простая: максимально упрощать работу с элементами, не ломая поведение страницы. Учить людей новому дорогого стоит, так что постарался сделать работу со списком максимально близкой работе с файлами и папками.

На мой взгляд получилось неплохо; с мыслью о том, что результат может быть полезен кому-то ещё, я вытащил методы в отдельный модуль и выложил на гитхаб. Используется jQuery.

Из хорошего:
• область выделения
• приближенное к пк поведение ctrl и shift
• движение вверх и вниз стрелками
• неограниченная вложенность (в пределах разумного)
• легко добавить своё кнопочное поведение
• относительно легко вычленить часть функциональности
• несколько списков на страницу

Из грустного:
• сложно адаптировать
• может содержать ошибки
• не планируется обновление (найденные ошибки исправлю, пулл реквесты приветствуются)

Репозиторий [2], демо [3] и ещё одно [4].

Автор: philosophocat

Источник [5]


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/108981

Ссылки в тексте:

[1] nestedSortable: http://mjsarfatti.com/sandbox/nestedSortable/

[2] Репозиторий: https://github.com/philosophocat/air_tree

[3] демо: http://philosophocat.github.io/air_tree/demo/a/

[4] ещё одно: http://philosophocat.github.io/air_tree/demo/b/

[5] Источник: http://habrahabr.ru/post/275109/