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

当我点击＆＃34;添加新记录＆＃34;时，控制台显示＆＃34;添加行＆＃34;，但是当我点击＆＃34;取消更改＆＃34;控制台中没有显示任何内容。

这是一个非常简单的代码，它遵循文档，但我错过了什么？

版本：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以继续操作。

我还添加了edit命令，向您显示在编辑模式下单击取消按钮时会触发事件。

希望这会有所帮助。任何问题都会让我大呼过瘾。

网格取消事件未触发

1 个答案: