可排序父列表中的可淘汰列表

Question

我了解我们可以根据

jsfiddle.net/rniemeyer/QWgRF/

但是我试图在可排序的父列表中执行这些列表。

指标组1：指标1指标2指标3

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

指标组3：指标8

我想做的是MetricGroup 1、2、3属于可排序的主列表，因此我可以更改组的顺序。 我还需要将Metric 4拖动到Group 3，所以我可以通过一些方式重新分组，此外，我需要将Metric 4拖动到Groups之外，以便可以形成新的Group 4，即在父级列表。

即时通讯试图使用相同的可排序的绑定处理程序，但不能以某种方式工作，这可能还是我可以遵循的任何示例？

Answer 1

您可以在可排序绑定上使用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/