Альтернатива jQuery.sortable?

Question

[Павло Пономаренко]

Мне очень не нравится jQuery.sortable из jQueryUI. Толи я с ним просто не подружился, толи он и вправду глючный.

Он так себе работает с вложенными списками (пришлось править исходники), а сейчас ломает нумерацию в нумерованном списке. Еще неприятно работает, когда неизвестная высота элемента. В общем, не нравится куча вещей.



Какие посоветуете альтернативные плагины для jQuery? Практически всё гугление на эту тему указывает на «плагин-по-умолчанию».

Мне бы пошло что-то простое, типа tableDnD, но для списков (обычное перещёлкивание, без хелперов, клонов и анимаций).



Но, в общем, интересует и что-то более мощное и более покладистое.

Answer 1

[ertaquo]

Могу посоветовать плагин www.datatables.net/. Из него довольно легко вытащить сортировку.

Comments

[Павло Пономаренко]

Спасибо. Я не заметил там в примерах сортировки через drag'n'drop, только по заголовкам таблицы.
Плюс, там только таблицы, обычно они рассчитаны на тег td и некоторые особенности, как в плагине tableDnD

[ertaquo]

Тогда посмотрите здесь:
www.1stwebdesigner.com/freebies/drag-drop-jquery-plugins/
Там с девятого пункта начинаются те, которые вам могут пригодиться, а под номером 22 — аналог tableDnD для ul/li.

[Павло Пономаренко]

Впринципе, по функционалу — то, что нужно.
Но есть две проблемы:
1. Не использует jQuery, следовательно половина jQuery переписана в плагине.
2. Достаточно спорные исходники, пример:

[Павло Пономаренко]

makeListSortable : function(list) {
	var helpers = ToolMan.helpers()
	var coordinates = ToolMan.coordinates()
	var items = list.getElementsByTagName("li")

	helpers.map(items, function(item) {
		var dragGroup = dragsort.makeSortable(item) // <====
		dragGroup.setThreshold(4)
		// ...
	})
	for (var i = 1, n = arguments.length; i < n; i++)
		helpers.map(items, arguments[i])
},

Обратите внимание на использование необъявленной переменной dragsort, которая получается из глобального контекста.
Возможно, имеет смысл форкнуть и поправить баги, а может и не имеет смысла.

И спасибо за список)

[Павло Пономаренко]

papermashup.com/demos/jquery-drag-drop/ вот этот вроде ничего такой)

[Павло Пономаренко]

Хотя это jqueryui, беру свои слова назад.))

Answer 2

[homm]

Вообще jQueryUI мне кажется черезвычайно глючной. Столкнулся с той же проблемой полгода-год назад. Сделал свой вариант. www.peeep.us/d0061c31

Перетаскиваются разделы меню и блюда. Причем блюда перетаскиваются как между собой, так и бросаются в разделы меню.

Код плагина в самом начале файла natarelochke.ru/media/js/plate.control.js Код, который его использует ниже, в функции InstallRestaurantUI().

Не то, чтобы я планировал распространять этот плагин в таком виде, без документации и в составе рабочего проекта :) Но раз ты спрашиваешь, то может быть это поможет.

Comments

[Павло Пономаренко]

Спасибо, сейчас гляну.

Answer 3

[Андрей Апоев]

Есть ещё такой вариант: rubaxa.github.io/Sortable
Статья на хабре: https://habrahabr.ru/post/246373/