drag-and-drop - 剑道 ui 取消 TreeView 删除

Question

我有一个 TreeView，一旦用户将项目放到所需位置，它会显示一个对话框并要求确认，如果用户选择取消，我将如何取消项目的放置，使其返回到其原始位置?我当前的代码如下但不工作:

var newDiv = $(document.createElement('div'));

newDiv.html('Are you sure you want to move the item: ' + title);
newDiv.dialog( {
    autoOpen: true,
    width: 600,
    buttons: {
        "Save": function () {
            $(this).dialog("close");
        },
        "Cancel": function () {
            $(this).dialog("close");

            e.setValid = false;

        }
    }
});

我还尝试在 dragend 事件上执行相同类型的代码并使用 e.preventDefault();没有更多的运气

Answer 1

drop事件处理程序提供 setValid功能，可以防止发生跌落。例如:

function onDrop(e) {
    e.setValid(confirm('Do you wish to move this item here?'));
}

$("#treeView").kendoTreeView({
    // ...
    dragAndDrop: true,
    drop: onDrop
});

我写了一个 fiddle这演示了它是如何工作的。