javascript - 在 Kendo UI 树视图之前和之后限制 dropPosotion

Question

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

http://docs.kendoui.c​​om/api/web/treeview#dragend

是否可以限制“之前”和“之后”状态，只允许“结束”功能。

笔记

在我的场景中，我有两棵树，我将元素从左树拖到另一棵树。

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/