2012-04-03 82 views
2

我有一個TreeView,一旦用戶將物品放到所需的位置,它會顯示一個對話框並要求確認,如果用戶選擇取消,我將如何取消物品的放置所以它回到原來的位置?我目前的代碼如下但是,這不是工作:kendo ui取消treeview drop

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事件相同類型的代碼,並使用e.preventDefault();沒有更多的運氣

回答

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

你嘗試使用下降事件和呼叫如果條件不滿足,防止出現違約?