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

Question

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

Answer 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