kendo-ui - Kendo UI Scheduler: customizing rooms header

Question

I'm using the Kendo UI Scheduler (open source) with the horizontal grouping, developing in ASP.NET MVC. I display different rooms in order that users can make bookings to one of these. But instead of the room name I also want to display some icons according to the equipment available in this room (ex: a beamer).

Here you can see an example of what I have now and what I want to have:

So my question: is it possible to include these icons in the header of my scheduler and how? + after clicking these the user should be redirected to the detail page of this room.

Thanks in advance!

Answer 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

Answer 2

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

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

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 篇文章来自定义标题。

帖子 1

帖子 2

渲染可以在 dataBound事件中完成

         dataBound: SchedulerView.Scheduler_DataBound,

方法

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

          }