Knockout.js liên kết có thể sắp xếp lồng nhau

Question

Tôi đang làm việc với plugin sắp xếp knockout.js; tuy nhiên, tôi gặp phải một vấn đề mà tôi đã không thể giải quyết được. Tôi có hai bindable sortable, một cho buckets và một cho bucketItems. Tôi có thể sắp xếp lại bucketItem giữa các nhóm; tuy nhiên, tôi không thể sắp xếp lại các nhóm. Bạn có bất kỳ ý tưởng tại sao điều này sẽ được? Tôi cũng đang sử dụng lồng nhau với các ràng buộc, nhưng theo như tôi có thể nói, đây không phải là những gì đang gây ra vấn đề.

Tôi rất cảm kích mọi thông tin chi tiết mà bạn cung cấp.

Answer 1

Tôi không biết cấu trúc chính xác của bạn, nhưng bạn có thể sử dụng tùy chọn connectClass để kiểm soát danh sách có thể sắp xếp nào được kết nối. Ví dụ: nếu bạn đã thực hiện việc này:

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

Bạn chỉ có thể thả một xô vào thùng và một mục trong các mục. Plugin tự động thêm lớp vào phần tử cha.

Đây là một mẫu: http://jsfiddle.net/rniemeyer/YaLgL/

Nếu bạn không muốn để có thể sắp xếp các mục giữa xô, sau đó bạn có thể áp dụng một độc đáo connectClass từng như:

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