使用 angularjs 在 kendo 调度程序上自定义删除确认弹出窗口

Posted 2023-05-07

【中文标题】使用 angularjs 在 kendo 调度程序上自定义删除确认弹出窗口

【英文标题】：Custom delete confirmation popup on kendo scheduler using angularjs

【发布时间】：2016-02-28 05:04:10

【问题描述】：

我已经创建了剑道调度程序事件。我想通过自定义确认弹出窗口删除此事件。在该自定义弹出窗口上显示事件信息详细信息，并在 Angular js 中向用户询问确认。

【参考方案1】：

没有简单的方法。我知道的唯一方法是永久删除默认确认，然后挂上任何可能触发删除事件并用您自己的确认覆盖它的东西。帮助您入门的简单示例：

$("#scheduler").kendoScheduler(
  // ...
  // disabling default confirmation
  editable:  confirmation: false ,
  dataBound: function(e) 
    var scheduler = e.sender;
    $(".k-event").each(function () 
      var uid = $(this).data("uid");
      if (uid) 
        var event = scheduler.occurrenceByUid(uid);
        if (event) 
          $(this).find(".k-event-delete").click(function (clc) 
            // TODO: replace with nicer modal
            if (confirm('Do you want to delete ' + event.title + ' ?'))
            
              scheduler.removeEvent(uid);
            
            clc.preventDefault();
            clc.stopPropagation();
          );
        
      
    );
  
  // ...

另见我的道场：http://dojo.telerik.com/@svejdo1/igEHI

【讨论】：

如何使用removeEvent 删除单个事件或整个系列？