knockout.js - jQueryUI 可排序列表结合 Knockout - 嵌套可排序列表

Question

我是 Knockout 的新手(几天)，我正在尝试重新设计一个包含嵌套可排序列表的页面以使用它。

我在这里找到了将可排序列表与 Knockout 一起使用的很好的答案:Knockout custom binding for jQuery UI Sortable - strange behavior

但是，我无法让它与嵌套的可排序列表一起使用。尝试单击并拖动根列表下方的任何项目会产生拖动关联根项目的效果。换句话说，嵌套列表根本不起作用。

上述解决方案中的第二个选项是我选择的。这对我来说似乎是最简单和最清楚的。有没有一种相对简单的方法可以将它应用于嵌套的可排序对象？

Answer 1

我的建议是使用我在这里创建的可排序插件:https://github.com/rniemeyer/knockout-sortable

它支持嵌套排序。使用最简单的配置，它看起来像:

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

如果您的嵌套结构仍然存在特定问题，那么也许您可以通过 fork the fiddle 来演示您的问题。