Kendo UI Scheduler：自定义房间标题

Question

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

在这里，您可以看到我现在拥有的以及我想拥有的内容的示例：

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

提前致谢！

Answer 1

我相信（从您的形象）您需要制作自定义视图并替换＆＃34; Day＆＃34;使用自定义视图查看。这应该会让你有一些灵活性。

由于您使用的是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 属性。 在此处阅读：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 

          }