剔除可排序父列表中的可排序列表

Knockout sortable lists in a sortable parent list

本文关键字：列表 排序      更新时间：2023-09-26

我知道我们可以根据在淘汰赛中进行单独的可排序列表

jsfiddle.net/rniemeyer/QWgRF/

但我正在尝试在一个可排序的父列表中列出这些列表。

度量组1：公制1公制2公制3

公制组2：公制4公制5公制7公制6

公制组3：公制8

我想做的是MetricGroup 1、2、3属于一个可排序的主列表，所以我可以更改组的顺序。我还需要将Metric 4拖到Group 3，这样我就可以用某些方式重新组合。此外，我需要将Metric4拖到Groups之外，这样它就可以形成新的Group 4，也就是说，在父列表中为父列表创建一个子组。

我正在尝试使用相同的可排序绑定处理程序，但不知何故无法工作，这可能吗？

您可以在可排序绑定上使用connectClass选项来限制您可以将项目放入其他可排序的。

标记看起来像：

<ul data-bind="sortable: { data: parents, connectClass: 'parentItem' }">
    <li>
        <span data-bind="text: name"></span>
        <ul data-bind="sortable: { data: items, connectClass: 'childItem' }">
            <li data-bind="text: name"></li>
        </ul>
    </li>
</ul>

connect类会自动添加到绑定的元素中，因此不需要执行任何其他操作。

以下是一个示例：http://jsfiddle.net/rniemeyer/xJYPh/

相关文章：