Kendo UI TreeViewでドラッグアンドドロップを行う場合、「前」、「上」、「後」の3つの位置があります。
「前」と「後」の状態を制限し、ドロップ「オーバー」機能のみを許可することは可能ですか。
ノート
私のシナリオでは、2つのツリーがあり、要素を左側のツリーから別のツリーにドラッグしています。
Kendo UI TreeViewでドラッグアンドドロップを行う場合、「前」、「上」、「後」の3つの位置があります。
「前」と「後」の状態を制限し、ドロップ「オーバー」機能のみを許可することは可能ですか。
ノート
私のシナリオでは、2つのツリーがあり、要素を左側のツリーから別のツリーにドラッグしています。
で、次のようにハンドラーとイベントハンドラーを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/