在可排序父列表中剔除可排序列表答案

【问题标题】：Knockout sortable lists in a sortable parent list在可排序父列表中剔除可排序列表
【发布时间】：2013-08-09 01:17:36
【问题描述】：

我知道我们可以根据

在淘汰赛中做单独的可排序列表

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，即在父列表。

我正在尝试使用相同的可排序绑定处理程序，但无法以某种方式工作，这可能吗？或者我可以遵循任何示例吗？

【问题讨论】：

标签： javascript knockout.js

【解决方案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/

【讨论】：