Кендо UI Планировщик: Как создать пользовательские шаблоны

Question

мы ищем возможность увидеть и использовать Кендо UI ..

, где и как создавать шаблоны событий Пользовательских для планировщика? где я должен определить и создать customAllDayTemplate, как указано ниже? Любые, например?

создал Div с идентификатором на странице, но Div также появляется?

  Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() 
      .Name("scheduler") 
      .Date(new DateTime(2013, 6, 13)) 
      .StartTime(new DateTime(2013, 6, 13, 10, 00, 00)) 
      .EndTime(new DateTime(2013, 6, 13, 23, 00, 00)) 
      .Height(600) 
      .AllDayEventTemplateId("customAllDayTemplate") 
      .Views(views => 
      { 
      views.DayView(); 
      views.AgendaView(); 
      }) 
      .BindTo(Model) 
      ) 

Answer 1

Вы можете указать шаблон событий в отдельный тег сценария с идентификатором вы указали, как так:

<script id="customAllDayTemplate" type="text/x-kendo-template"> 
    <div>Title: #: title #</div> 
    <div>Atendees: 
     # for (var i = 0; i < resources.length; i++) { # 
     #: resources[i].text # 
     # } # 
    </div> 
</script> 

Или позвонив по телефону .EventTemplate так:

Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>() 
     .Name("scheduler") 
     .Date(new DateTime(2013, 6, 13)) 
     .StartTime(new DateTime(2013, 6, 13, 10, 00, 00)) 
     .EndTime(new DateTime(2013, 6, 13, 23, 00, 00)) 
     .Height(600) 
     .EventTemplate(
     "<div class='customAllDayTemplate'>" + 
      "<img src='" + Url.Content("~/Content/web/scheduler/") + "#= Image #' />" + 
      "<p>" + 
       "#= kendo.toString(start, 'hh:mm') # - #= kendo.toString(end, 'hh:mm') #" + 
      "</p>" + 
      "<h3>#= title #</h3>" + 
      "<a href='#= Imdb #'>Movie in IMDB</a>" + 
     "</div>") 
     .Views(views => 
     { 
     views.DayView(); 
     views.AgendaView(); 
     }) 
     .BindTo(Model) 
     ) 

См kendo docs примеры here и here.