Сортируемый список jQueryUI в сочетании с Knockout - вложенные сортируемые списки

Question

Я новичок в Knockout (пару дней) и пытаюсь переделать страницу с вложенными сортируемыми списками, чтобы использовать ее.

Я нашел отличный ответ на использование сортируемых списков с Knockout здесь: Knockout настраиваемое связывание для jQuery UI Sortable - странное поведение

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

Второй вариант в вышеупомянутом решении - то, что я выбрал. Это казалось самым простым и понятным для меня. Есть ли относительно простой способ применить его к вложенным сортируемым объектам?

Answer 1

Мое предложение будет использовать сортируемый плагин, который я создал здесь: https://github.com/rniemeyer/knockout-sortable

Он поддерживает вложенные сортируемые элементы. С самой простой конфигурацией это будет выглядеть так:

<ul data-bind="sortable: children">
    <li>
        <div data-bind="text: name"></div>
        <ul data-bind="sortable: subs">
            <li data-bind="text: name"></li>
        </ul>
    </li>
</ul>

Вот пример: http://jsfiddle.net/rniemeyer/EMu95/

Если у вас все еще есть специфическая проблема с вашими вложенными структурами, то, возможно, вы можете раскрутить скрипку, чтобы продемонстрировать свою проблему.