javascript - Kendo UI - 使用 kendo.confirm 的可编辑确认

Question

大家好

如何在我的可编辑确认事件中使用 kendo.confirm() 而不是 JavaScript confirm()。

Demo

谢谢

Answer 1

您可以覆盖网格 ._showMessage 函数并将 kendo.confirm 调用放在其中。 kendo.confirm 是一个 promise ，.done() 处理程序将对应于 OK(是，删除记录)按钮点击发生，并在其中删除该行。

$("#grid").kendoGrid({
  … 
  … grid configuration … 
  … 
});

var grid = $("#grid").getKendoGrid();

// save reference to original _showMessage, just in case
grid.__showMessage = grid._showMessage;  

// override _showMessage that the grid._confirmation uses
grid._showMessage = function (messages, row) {
  kendo.confirm(messages.title) // open kendo confirm dialog which is also promise
  .done(function() {
    // done is confirm promise callback for OK
    grid._removeRow(row);
  });
  return false;
}

请注意，由于 confirm 是一个 promise ，_showMessage 将向内部 _confirmation 返回 false，这不会立即删除该行。相反，单击确认对话框的确定​​/取消按钮将解决 promise ，并且确定操作处理程序将运行，此时将对覆盖闭包中引用的行执行删除。