2016-05-05 13 views
0

グリッドでキャンセルイベントを使用しようとしていますが、イベントが起きることはありません。グリッド解除イベントが起動しない

コード:私は「新しいレコードを追加」をクリックすると

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

、コンソールは、「行を追加」示しているが、私は何もコンソールに表示しない「の変更をキャンセル」をクリックします。

これはかなり簡単なコードで、ドキュメントに従っていますが、何か不足していますか?

バージョン:剣道UI v2016.1.112

ありがとう!

答えて

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を返してアクションを続行します。

編集モードのときにキャンセルボタンをクリックしたときにイベントが発生することを示すeditコマンドも追加しました。

これが役に立ちます。どんな問題でも私には叫び声が出ます。

+0

ありがとうございます!私は誤解しました。しかし、グリッドが1つ以上あるので、次のコードを使用します:$( "#gridSomething")。on( "mousedown"、 ".k-grid-cancel-changes"、function(e){ console.log( "#gridSomething k-grid-cancel-changes"); }); ' – lpfx

関連する問題