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/

如果你的嵌套结构仍然存在特定问题，那么也许你可以用小提琴来证明你的问题。

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

1 个答案: