Knockout.js yuvalanmış sıralanabilir bağlamalar

Question

Knockout.js sıralanabilir eklentisiyle çalışıyorum; ancak, şu ana kadar çözemediğim bir sorunla karşılaştım. İki tane sıralanabilir bağlarım var, bir tanesi kovalar için, diğeri de bucketItems için. BucketItems'i kovalar arasında yeniden sıralayabilirim; ancak, kovaları yeniden sipariş edemiyorum. Bunun neden olabileceği hakkında bir fikrin var mı? Ben de iç içe geçmiş bağlamaları kullanıyorum, ama anlayabildiğim kadarıyla, bu sorunlara neden olan şey değil.

Sunduğunuz her türlü içgörüyü takdir ediyorum.

Answer 1

Tam yapınızı bilmiyorum, ancak hangi sıralı listelerin bağlı olduğunu kontrol etmek için connectClass seçeneğini kullanabilirsiniz. Bunu yapan Örneğin,:

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

Yalnızca kovalar içinde bir kova ve öğeleri içinde bir öğe düşmesi mümkün olacaktır. Eklenti, sınıfı ana öğeye otomatik olarak ekler. Eğer kova arasındaki öğeleri sıralamak mümkün istemeseydi http://jsfiddle.net/rniemeyer/YaLgL/

, o zaman geçerli olabilir her benzerine benzersiz connectClass: Burada

bir örnek

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