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

Question

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

Я нашел большой ответ на использование сортируемых списков с Knockout здесь: Knockout custom binding for jQuery UI Sortable - strange behavior

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

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

Answer 1

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

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

<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/

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