2012-04-03 10 views
2

は、私は一度、ユーザが所望の位置にアイテムをドロップツリービューを持っている、それはダイアログボックスを表示し、ユーザーが選択をキャンセルした場合、確認のメッセージが表示されますドロップキャンセル元の位置に戻りますか?私の現在のコードは以下の通りですが、イマイチの作業:剣道UI私はまた、アイテムの配置をキャンセルする方法を、ツリービューが

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イベントイベントに同じ種類のコードを実行し、これ以上の幸運

答えて

3

dropイベントハンドラが発生低下を防止することができるsetValid機能を提供します。たとえば:

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

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

私はこれがどのように機能するかを示していfiddleを書きました。

1

あなたがドロップを使用してみましたとe.preventDefault();を使用してみましたが条件が満たされていない場合、イベントとコールはデフォルトを回避しますか?

関連する問題