Javascript 删除可排序父列表中的可排序列表

我知道我们可以在淘汰赛中根据

jsfiddle.net/rniemeyer/QWgRF/

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

公制组1： 指标1 指标2 指标3

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

公制第3组： 公制8

我想做的是MetricGroup 1、2、3属于一个可排序的主列表，所以我可以更改组的顺序。我还需要将度量值4拖到组3，这样我可以以某种方式重新分组，此外，我需要将度量值4拖到组外，这样它就可以形成新的组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类会自动添加到绑定的元素中，因此无需执行任何其他操作

以下是一个示例：