Kendo UI Scheduler：自定义房间标题答案

【问题标题】：Kendo UI Scheduler: customizing rooms headerKendo UI Scheduler：自定义房间标题
【发布时间】：2014-05-19 09:30:41
【问题描述】：

我正在使用带有水平分组的 Kendo UI Scheduler（开源），在 ASP.NET MVC 中开发。我显示不同的房间，以便用户可以预订其中之一。但除了房间名称，我还想根据这个房间可用的设备（例如：投影仪）显示一些图标。

在这里，您可以看到我现在拥有的和想要拥有的示例：

所以我的问题是：是否可以在我的调度程序的标题中包含这些图标以及如何？ + 点击这些后，用户应该被重定向到这个房间的详细信息页面。

提前致谢！

【问题讨论】：

请在您的帖子中添加图片，而不是在其中添加图片参考。
我按要求编辑了

标签： kendo-ui kendo-asp.net-mvc kendo-scheduler kendo-ui-mvc

【解决方案1】：

我相信（根据您的图片）您需要制作自定义视图并将“日”视图替换为自定义视图。这应该会给你一些灵活性。

由于您使用的是 HTML5/JavaScript 版本的 Kendo UI，这里有一个开发自定义视图的示例项目：http://www.telerik.com/support/code-library/custom-view 对于那些看到这篇文章需要自定义视图示例的 ASP.NET MVC 版本的人，即位于此处：http://www.telerik.com/support/code-library/custom-view-0286055de51d

【讨论】：

【解决方案2】：

我们可以通过自定义标题来实现这一点。

使用 Kendo Scheduler 的 dateHeaderTemplate 属性。在这里阅读：link

dateHeaderTemplate

的基础知识

   <div id="scheduler"></div>
    <script>
      $("#scheduler").kendoScheduler({
       date: new Date("2013/6/6"),
       dateHeaderTemplate: kendo.template("<strong>#=kendo.toString(date, 'd')#</strong>"),
       dataSource: [
       {
        id: 1,
        start: new Date("2013/6/6 08:00 AM"),
        end: new Date("2013/6/6 09:00 AM"),
        title: "Interview"
       }]});
   </script>

请参考以下 2 篇文章来自定义标题。

post 1

post 2

渲染可以在dataBound事件中完成

         dataBound: SchedulerView.Scheduler_DataBound,

方法

          Scheduler_DataBound: function () {
          //write logic here to 

          }

【讨论】：