javascript - 限制 Kendo UI treeview 前后的 dropPosotion

Question

在 Kendo UI TreeView 中进行拖放时，它有 3 个位置，即“之前”、“之上”和“之后”。

http://docs.kendoui.com/api/web/treeview#dragend

是否可以限制“之前”和“之后”状态并且只允许删除“over”功能。

注意

In my scenario I have 2 trees and I'm dragging element from left tree to the other.

Answer 1

在您的 kendoTreeView 中，定义 drag 和 drop 事件处理程序如下:

drag       : function (ev) {
    if (!$(ev.dropTarget).hasClass("k-in k-state-hover")) {
        ev.setStatusClass("k-denied")
    }
},
drop       : function (ev) {
    if (ev.sourceNode === ev.destinationNode) {
        ev.setValid(false);
    }
}

在 drag 中，我检查我们是否在 一个元素上，如果没有，我将该状态类设置为 k-denied 它格式化clue 被拒绝，但也阻止将其丢在那里。

在 drop 中，我只是检查我没有掉落到自身之上以防止堆栈溢出。

此处运行示例:http://jsfiddle.net/OnaBai/mu92b/