kendo-ui - 有没有办法从 KendoUI Recurrence Editor 获取重复字符串？

Question

因为我需要为我的日程安排设置自定义设置，所以我实现了单独的日历、日程安排程序和 RecurrenceEditor 小部件。到目前为止，一切正常，但我无法从 RecurrenceEditor 小部件获取解析后的字符串。我没有在 API 文档中看到将规则作为字符串拉取的方法(RecurrenceEditor 小部件也没有真正记录在那里)。

这就是我设置 recurrenceEditor 的方式:

$(document).ready(function()
{
  $("#recurrence-editor").kendoRecurrenceEditor({
    start: new Date(),
    change: function(e)
    {
      var editor = e.sender;

      // I want to get the recurrence rule string here.
    }
  });
});

我在 Firebug 中没有看到任何提示我可以尝试的方法或属性的内容。到目前为止，我已经尝试过:

editor.ruleValue
editor.recurrenceRule

看起来我可以访问一些信息，但我不想编写自己的 selections-to-parseable-string 方法，如果我可以从循环编辑器本身获取它的话。

更新:当我这样设置时:

$(document).ready(function()
{
  $("#recurrence-editor").kendoRecurrenceEditor({
    start: new Date(),
    edit: function(e)
    {
      var editor = e.sender;
      var recurrenceString = editor.RecurrenceRule;

      return recurrenceString;
    }
  });
});

编辑事件永远不会触发。可能是因为我没有将循环编辑器实现为 Scheduler 小部件的一部分，而是作为页面上的独立小部件。

谢谢!

Answer 1

在调度程序的编辑事件中设置循环编辑器，它会触发更改事件，值属性是标准的 iCal 循环规则。

这是我的:

// Setup Recurrence Editor
// Telerik support recommends this method over the common inline script
// because it allows us to choose which recurrence editor.  However, it does
// break the MVVM two-way bindings, so the current value MUST be explicitly set
// on creation, and the change event must be handled.
var event = e.event,
    container = e.container,
    recurrenceEditor = container.find("#recurrenceEditor");

if (kendo.support.mobileOS === false) {
    recurrenceEditor.kendoRecurrenceEditor({
        start: new Date(e.event.start),
        value: e.event.recurrenceRule,
        timezone: self.scheduleConfig.timezone,
        messages: self.scheduleConfig.messages.recurrenceEditor,
        change: function (ev) {
            event.set("recurrenceRule", this.value());
        }
    });
} else {
    // The Mobile Recurrence Editor requires the parent kendo pane
    // be passed as a parameter, otherwise it will crash when the
    // user attempts to alter the frequency

    var pane = container.parent(".km-pane").data("kendoMobilePane");

    recurrenceEditor.kendoMobileRecurrenceEditor({
        start: new Date(e.event.start),
        value: e.event.recurrenceRule,
        timezone: self.scheduleConfig.timezone,
        messages: self.scheduleConfig.messages.recurrenceEditor,
        pane: pane,
        change: function(ev) {
            event.set("recurrenceRule", this.value());
        }
    });
}

和 HTML(在自定义编辑器模板内)

 <div class="lineEntry" data-bind="invisible: recurrenceId">
    <div id="recurrenceEditor" name="recurrenceRule" data-bind="value: recurrenceRule" class="toInlineBlock">
    </div>
 </div>