網格取消事件沒有觸發

Question

我試圖在網格中使用取消事件，但事件永遠不會被觸發。

代碼：

$("#grid").kendoGrid({ 
     editable: true, 
     toolbar: ["create", "save", "cancel"], 
     dataSource: _dataSource, 
     columns: [{ 
      title: "Description", 
      field: "description" 
     }, { 
      title: "Active", 
      field: "active" 
     }], 
     edit: function (e) { 
      console.log("add row"); 
     }, 
     cancel: function (e) { 
      console.log("cancel row"); 
     } 
}); 

當我點擊「添加新記錄」，控制檯顯示「添加行」，但是當我點擊「取消更改」沒有在控制檯中顯示出來。

這是一個非常簡單的代碼，它遵循文檔，但我錯過了什麼？

版本：Kendo UI v2016.1.112

謝謝！

Answer 1

取消事件僅在內聯/彈出編輯屏幕中生成的取消按鈕上觸發。

如果你想intercept工具欄版本的演示應該有所幫助：

http://dojo.telerik.com/omOhU

所有我做的是以下事件附加到工具欄取消鍵：

$(".k-grid-cancel-changes").on('click', function(e){ 
      e.preventDefault(); 
      console.log("intercepted on cancel change event"); 

      return true; 

     }); 

這將首先防止默認的點擊動作，然後執行一些操作。在這種情況下，請登錄到控制檯，然後返回true以繼續操作。

我還添加了編輯命令，告訴你當在編輯模式下點擊取消按鈕時，事件被觸發。

希望這會有所幫助。任何問題都會給我留言。