Knockout.js 嵌套的可排序绑定

Question

我正在使用 knockout.js 可排序插件；但是，我遇到了一个迄今为止我无法解决的问题。我有两个可排序的绑定，一个用于存储桶，另一个用于存储桶项目。我能够在存储桶之间重新排序存储桶项目；但是，我无法重新排序存储桶。你知道为什么会这样吗？我也在使用嵌套绑定，但据我所知，这不是导致问题的原因。

非常感谢您提供的任何见解。

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/