在Kendo UI樹視圖之前和之后限制dropPosotion

Question

在Kendo UI TreeView中進行拖放操作時，它有3個位置，即“之前”，“之上”和“之后”。

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

是否可以限制“之前”和“之后”狀態，並且只允許“刪除”功能。

注意

在我的場景中，我有2棵樹，我將元素從左側樹拖到另一棵樹。

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/