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

Question

在 knockout 排序中，我知道您可以在 sortable 绑定(bind)中使用 isEnabled 禁用可排序列表。我还知道您可以在 beforeMove 函数中使用 cancelDrop 禁用移动项目。问题是，isEnabled 禁用了整个列表，并且 cancelDrop 只能在项目已经被拖放到另一个 sortable 上后调用。

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

Answer 1

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

您可以将它们添加到如下绑定(bind)中:

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

或全局喜欢:

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

此处的示例:http://jsfiddle.net/rniemeyer/2wEX3/