javascript - knockout 排序 'dragged' 回调不起作用

Question

我正在尝试改编来自 knockout 排序的示例 fiddle ，以便使用“拖动”回调而不是默认的“克隆”功能。

http://jsfiddle.net/mp2k170t/1/

我在 Root View 模型中添加了一个“makeNewTask”方法，如下所示:

self.makeNewTask = function(task, event, ui) {
    alert('make new task');
    return new Task(task.name() + " (created by makeNewTask)");
}

我正在尝试使用以下方法绑定(bind)到它:

<div class="item" data-bind="draggable: { data: newTask, isEnabled: allowNewTask, dragged: $root.makeNewTask }">

但是，clone方法仍在被调用。我做错了什么？

Answer 1

dragged回调仅在 sortable 中可用捆绑。

如果将可排序绑定(bind)更改为

<div class="container" data-bind="sortable: {data: tasks, dragged: $root.makeNewTask}">

可拖动绑定(bind)为

<div class="item" data-bind="draggable: { data: newTask, isEnabled: allowNewTask  }">

应该可以工作。使用dragged作为clone的替代品。因此，您可能会考虑删除 clone原型(prototype)中的方法(如果使用 dragged)选项。

Fiddle