knockout.js - 在淘汰赛中禁用单个项目

Question

在淘汰赛排序中，我知道您可以isEnabled在sortable绑定中使用禁用可排序列表。我也知道您可以cancelDrop在beforeMove函数中禁用移动项目。问题是，isEnabled禁用整个列表，并且cancelDrop只能在项目已经拖放到另一个sortable.

有没有办法禁用sortable某些包含项目的单击/拖动行为？

Answer 1

您可以使用 jQuery UI 可排序选项items或cancel用于此目的。此处的文档：http: //jqueryui.com/sortable/#items。

您可以将它们添加到绑定中，例如：

<div class="container" data-bind="sortable: { data: tasks, options: { cancel: '.prevent' } }">

或全球喜欢：

ko.bindingHandlers.sortable.options.cancel = ".prevent";

示例：http: //jsfiddle.net/rniemeyer/2wEX3/