Kendo UI Scheduler : 사용자 정의 룸 헤더

Question

ASP.NET MVC에서 개발 한 가로 그룹과 함께 Kendo UI Scheduler (오픈 소스)를 사용하고 있습니다. 나는 사용자가이 중 하나를 예약 할 수 있도록 다른 방을 표시합니다. 방 이름 대신이 방에서 사용할 수있는 장비 (예 : 비머)에 따라 일부 아이콘을 표시하려고합니다. 여기

당신은 지금 무엇을의 예와 제가 갖고 싶어 볼 수 있습니다

그래서 내 질문 : 그것은 가능한 것은 내 스케줄러의 헤더에이 아이콘을 포함하는 방법을 ? +을 클릭하면이 방의 세부 정보 페이지로 리디렉션되어야합니다.

미리 감사드립니다.

Answer 1

저는 귀하의 이미지에서 귀하가 사용자 정의보기를 작성하고 "주간"보기를 사용자 정의보기로 대체해야한다고 생각합니다. 그러면 유연성을 얻을 수 있습니다.

Kendo UI의 HTML5/JavaScript 버전을 사용하고 있으므로 사용자 정의보기를 개발하는 프로젝트 예는 다음과 같습니다. http://www.telerik.com/support/code-library/custom-view ASP.NET MVC 버전의 Custom View 예제가 필요한이 게시물을 보려면 여기에 : http://www.telerik.com/support/code-library/custom-view-0286055de51d

Answer 2

사용자 정의 헤더로이를 수행 할 수 있습니다.

검도 스케쥴러의 dateHeaderTemplate 속성을 사용하십시오. 는 여기에 대해 읽기 : 의 link

기본 사항

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

dateHeaderTemplate

헤더를 사용자 정의 할 수 아래의 두 글을 참조하시기 바랍니다.

post 1

post 2

렌더링이 수행 할 수 있습니다 바인딩 이벤트

  dataBound: SchedulerView.Scheduler_DataBound, 

방법

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

      }