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

时间:2013-08-08 16:34:46

标签: javascript knockout.js

据我所知,我们可以根据

在淘汰赛中单独进行排序

jsfiddle.net/rniemeyer/QWgRF /

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

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

度量指标组2: 公制4 公制5 公制7 公制6

度量指标组3: 公制8

我想要做的是MetricGroup 1,2,3属于可排序的主列表,所以我可以改变组的顺序。我还需要将Metric 4分散到第3组,所以我可以在某些方面重新组合,此外,我需要将Metric 4拖到Group之外,这样它就可以形成新的Group 4,也就是说,让一个孩子成为父母父母名单。

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

1 个答案:

答案 0 :(得分: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/