Question

我在这里有这个剑道确认功能。我想在点击OK时运行此grid.dataSource.remove(data) grid.dataSource.sync()。谁能帮我实现这个目标？预先感谢。

function(e) { 
  return $("<div></div>").kendoConfirm({
    title: "My Title",
    content: "Are you sure to delete this record?",
    messages:{
      okText: "OK",
      cancel: "Cancel"
    }
  }).data("kendoConfirm").open().result;
  
  // if click OK run this
  // grid.dataSource.remove(data) 
  // grid.dataSource.sync() 	
}

Answer 1

似乎Kendo Confirm拥有有限的resources here。因此，对于这种方法，我需要更改为“剑道对话框”。

function(e) {
  return $("<div></div>").kendoDialog({
    closable: false, // hide X
    title: "My Title",
    content: "Are you sure to delete this record?",
    actions: [{
      text: "OK",
      action: function(e){
        grid.dataSource.remove(data) 
        grid.dataSource.sync() 
        return true;
      },
      primary: true
      },{
        text: "Cancel"
    }]
  }).data("kendoDialog").open().center();
}

Answer 2

您可以使用shortcut function kendo.confirm来返回一个承诺，并在解决后执行您的逻辑：

kendo.confirm("Are you sure to delete this record?").then(function () {
    grid.dataSource.remove(data) 
    grid.dataSource.sync() 
});

这是一个演示和概述：https://demos.telerik.com/kendo-ui/dialog/predefined-dialogs

Kendo UI自定义Kendo确认“确定”按钮

2 个答案: