javascript - Kendo UI - 调度程序 - 添加事件

Question

我正在使用 Kendo UI 的调度程序小部件。我需要修改单击日历日时触发的“添加事件”窗口。

我找不到从哪里调用这个窗口，或者在哪里定义这些字段。我需要更新这个。谁能指出我正确的方向？

我用来生成 Sceduler 小部件的代码如下:

<div id="example">
    <div id="team-schedule">
        <div id="People">
             <input checked type="checkbox" id="Country" value="1" disabled="disabled">
             <input checked type="checkbox" id="Region" value="2">
             <input type="checkbox" id="District" value="3">
             <input type="checkbox" id="WorkUnit" value="4">
             <input type="checkbox" id="Classifier" value="5">
        </div>
    </div>
    <div id="Schedule" class="calendars"></div>
</div>
<script>
    $("#Schedule").kendoScheduler({
  date: new Date("2013/6/6"), // The current date of the scheduler
  views: [

           "month",
             { type: "month", selected: true },
           "week",
            "day"
  ],
  dataSource: [ // The kendo.data.SchedulerDataSource configuration
    // First scheduler event
    {
      id: 1, // Unique identifier. Needed for editing.
      start: new Date("2013/6/6 08:00 AM"), // Start of the event
      end: new Date("2013/6/6 09:00 AM"), // End of the event
      title: "Classification" // Title of the event
    }
  ]
});
</script>

Answer 1

您需要研究调度程序编辑器模板。 Here是详细版本(尽管它是 MVC 包装器版本，但 Kendo 模板由 <script type="text/x-kendo-template"id="schedulerTemplate"> block 。对于 HTML5/JS 版本，您只需像通常使用 <input> 字段一样定义字段。

传递给事件窗口的字段在 HTML5/JS 的架构中定义

以下是 Kendo UI(Telerik 的代码库)的调度程序自定义编辑器的链接:

• > HTML5/JS Version
• > ASP.NET MVC Version (以防有人正在寻找 MVC 版本)

有一个完整的blog post用于使用调度程序，但它在 ASP.NET MVC 版本中。您仍然可以跟随它在演练中绘制与 HTML5/JS 版本的相关性。