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

Question

我正在使用 Kendo 调度程序控件。默认情况下，它在 "Agenda" 视图中显示 "Date"、"Time" 和 "Event"。如何扩展调度程序议程视图以包含附加的列，如附图所示？

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

     <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>

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

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

但它没有按预期呈现:(

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

Answer 1

显然 kendo 不支持它，kendo 团队说：

Adding more columns to the "Agenda" view is not supported out of the box and it will require custom solution which is out of scope of our support service

但是您可以扩展 调度程序小部件，就像 forum post 中提到的那样，还有 2 个扩展方式示例小部件

Answer 2

要添加当前存在的自定义视图 day、week、month、agenda 和 timeline，您必须进行扩展class 从 kendo.ui class 扩展为 Kendo UI 代码库示例给了我们。

我鼓励您效仿该示例，以便它能在 edit、remove 和 recurrence 事件中正常工作。因此，您应该研究它，但是如果您的调度程序只显示具有 simplicity 的事件，只想在现有视图中添加自定义列，您可以看我的例子 here.

我利用调度程序数据绑定事件并将必要的 DOM 写入调度程序的 header 和 body，因此它会像您上面描述的那样反映出来。

Scheduler Custom View Code Library - 推荐的解决方案

Scheduler Custom Column Alternative

希望对您有所帮助..

Answer 3

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

嗯，上面的评论没有格式，所以我会 post 再说一遍。这有帮助，但我想我需要重写整个模板。

telerik 为自定义视图提供的示例还可以，但非常基础。它只做 DataHeaderTemplate 和事件模板，不添加列。

我每天都在寻找一个专栏，这样我就可以放置额外的视觉线条来显示状态。听起来我需要重写专栏和 header 模板。我没有看到任何好的例子

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

How to extend scheduler agenda view to include additional column

kendo-ui

kendo-scheduler