jQueryUI可排序列表与Knockout结合使用 - 嵌套可排序列表

Question

我是Knockout的新手(几天),我正在尝试重新编写一个具有嵌套可排序列表的页面来使用它.

我在这里找到了使用Knockout可排序列表的一个很好的答案:针对jQuery UI的Knockout自定义绑定可排序 - 奇怪的行为

但是,我无法使用嵌套的可排序列表.尝试单击并拖动根列表下方的任何项目都会拖动关联的根项目.换句话说,嵌套列表根本不起作用.

上述解决方案中的第二个选项就是我的选择.这对我来说似乎是最简单和最清晰的.是否有一种相对简单的方法将其应用于嵌套排序？

Answer 1

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

它支持嵌套的sortables.使用最简单的配置,它看起来像:

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

如果您的嵌套结构仍然存在特定问题,那么也许您可以用小提琴来演示您的问题.