Kendo UI Scheduler: настройка заголовка комнаты

Я использую планировщик пользовательского интерфейса Kendo (с открытым исходным кодом) с горизонтальной группировкой, разрабатываемый в ASP.NET MVC. Я показываю разные комнаты, чтобы пользователи могли забронировать одну из них. Но вместо названия комнаты я также хочу отображать некоторые значки в соответствии с оборудованием, доступным в этой комнате (например, проектор).

Здесь вы можете увидеть пример того, что у меня есть сейчас и что я хочу иметь:

введите здесь описание изображения

Итак, мой вопрос: можно ли включить эти значки в шапку моего планировщика и как? + после нажатия на них пользователь должен быть перенаправлен на страницу сведений об этой комнате.

Заранее спасибо!


kendo-ui kendo-asp.net-mvc kendo-ui-mvc kendo-scheduler
person Sesamzaad    schedule 19.05.2014    source источник
comment
Пожалуйста, добавьте изображение в свой пост вместо добавления в него ссылки на изображение.   -  person Jayesh Goyani    schedule 19.05.2014
comment
Я отредактировал как просили   -  person Sesamzaad    schedule 19.05.2014

Ответы (2)


arrow_upward
0
arrow_downward

Я считаю (из вашего изображения), что вам нужно создать настраиваемый вид и заменить представление «День» на настраиваемый вид. Это должно дать вам некоторую гибкость.

Поскольку вы используете версию пользовательского интерфейса Kendo для 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

person piercove    schedule 19.05.2014

arrow_upward
0
arrow_downward

Мы можем добиться этого с помощью пользовательских заголовков.

Используйте свойство dateHeaderTemplate Kendo Scheduler. Прочитайте об этом здесь: ссылка

Основы 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 

          }
person kudlatiger    schedule 21.08.2015