Knockout.js вложенные сортируемые привязки

Question

Я работаю с настраиваемым плагином knockout.js; однако я столкнулся с проблемой, которую я до сих пор не смог решить. У меня есть две сортируемые привязки: одна для ведер и другая для bucketItems. Я могу переупорядочить bucketItems между ведрами; однако я не могу переупорядочить ведра. Не могли бы вы представить, почему это было бы? Я также использую вложенные привязки, но, насколько я могу судить, это не то, что вызывает проблемы.

Я был бы очень признателен за понимание, которое вы можете предложить.

Answer 1

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

<ul data-bind="sortable: { data: buckets, connectClass: 'buckets' }"> 
    <li> 
     <span data-bind="text: name"></span> 
     <ul data-bind="sortable: { data: items, connectClass: 'items' }"> 
      <li data-bind="text: name"></li> 
     </ul> 
    </li> 
</ul> 

Вы бы только быть в состоянии опустить ведро внутри ведра и деталь в пределах пунктов. Плагин автоматически добавляет класс к родительскому элементу.

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

Если вы не хотите, чтобы иметь возможность сортировать элементы между ведрами, то вы могли бы применить уникальный connectClass каждому, как:

http://jsfiddle.net/rniemeyer/czNe8/