Question

我正在使用Kendo Scheduler控件。默认情况下，它在“议程”视图中显示“日期”，“时间”和“事件”。如何扩展调度程序议程视图以包含附加图像中显示的附加列？

enter image description here

我尝试了如下所示的模板。

     <script id="event-template" type="text/x-kendo-template">
     <button class="edit-event" data-uid="#=uid#">Custom Column</button>
     <div>Notes: #: notes#</div>

     </div>
     </script>

在剑道初始化中，我添加了下面的代码

      views: [
      {
        type: "agenda",
        eventTemplate: $("#event-template").html()
      },
     ],

但它没有按预期呈现:(

我在下面尝试了网址Kendo Forum link 但它没有将我重定向到任何解决方案。

Answer 1

显然它不受剑道支持，剑道团队说：

不支持在“日程”视图中添加更多列框，它将需要自定义解决方案，这超出了我们的范围支持服务

但您可以扩展 调度程序小部件，如forum post所述，还有2个扩展小部件的示例

Answer 2

添加自定义视图，其中现有的当前视图为day，week，month，agenda＆amp; timeline，你必须创建一个扩展类，它从kendo.ui类扩展为Kendo UI代码库示例给我们。

我建议您按照该示例进行操作，以便它适用于edit，remove和recurrence个事件。因此，您应该查看它，但如果您的调度程序仅显示简单的事件，只想在现有视图中添加自定义列，则可以看到我的示例{{3 }}

我利用调度程序数据绑定事件并将必要的DOM写入调度程序的头部和主体，因此它将像上面描述的那样反映。

here - 推荐的解决方案

Scheduler Custom View Code Library

希望这有帮助..

Answer 3

      schedulerHeader.append("<th>Rating</th>"); 
      schedulerHeader.append("<th>Time</th>");

嗯，上面的评论没有格式化，所以我会再次发布上述内容。这有帮助，但我认为我需要重写整个模板。

示例telerik不断给出自定义视图是好的，但非常基本。它只执行DataHeaderTemplate和事件模板，它不添加列。

我每天都在寻找一个专栏，所以我可以添加额外的视觉线来显示状态。听起来我需要重写列和标题模板。我没有看到任何好的例子

如何扩展调度程序议程视图以包含其他列

3 个答案: