Grid Cancel Event nicht feuern

Question

Ich versuche, das Abbrechen-Ereignis in einem Raster zu verwenden, aber das Ereignis wird nie ausgelöst.

Code:

$("#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"); 
     } 
}); 

Wenn ich auf „neuen Datensatz hinzufügen“ klicken, wird die Konsole zeigt „Zeile hinzufügen“, aber wenn ich auf auf „Abbrechen Änderungen“ nichts zeigt in der Konsole auf.

Es ist ein ziemlich einfacher Code und es folgt der Dokumentation, aber fehlt mir etwas?

Version: Kendo UI v2016.1.112

Dank!

Answer 1

Das Ereignis cancel wird nur auf die Abbrechen-Schaltfläche ausgelöst, die im Inline-/Popup-Bearbeitungsbildschirm generiert wird.

Wenn Sie intercept die Toolbar-Version möchten, sollten diese Demo helfen:

http://dojo.telerik.com/omOhU

alles, was ich getan habe, ist das folgende Ereignis Abbruchtaste in die Symbolleiste anhängen:

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

      return true; 

     }); 

dieser Wille Verhindern Sie zuerst die Standard-Klick-Aktion und dann eine Aktion. Melden Sie sich in diesem Fall an der Konsole an und geben Sie dann true zurück, um die Aktion fortzusetzen.

Ich habe auch den Befehl edit hinzugefügt, um Ihnen zu zeigen, dass, wenn Sie im Bearbeitungsmodus auf die Schaltfläche Abbrechen klicken, das Ereignis ausgelöst wird.

Hoffe, das hilft. Irgendwelche Probleme geben mir einen Schrei.