Как расширить представление расписания планировщика, добавив в него дополнительный столбец

Question

Я использую Kendo Scheduler control. По умолчанию отображается "Дата","Время" и "Событие" в представлении "Повестка дня". Как расширить вид повестки дня планировщика, добавив в него дополнительный столбец, как показано на прикрепленном изображении?

Я попробовал шаблоны, как показано ниже.

     <script id="event-template" type="text/x-kendo-template">
     <button class="edit-event" data-uid="#=uid#">Custom Column</button>
     <div>Notes: #: notes#</div>

     </div>
     </script>

и в инициализации кендо, я добавил ниже код

      views: [
      {
        type: "agenda",
        eventTemplate: $("#event-template").html()
      },
     ],

Но это не сделать как ожидалось:(

Я попробовал ниже ссылку URL форума Кендо, но она не перенаправила меня на какое-либо решение.

Answer 1

Чтобы добавить пользовательское представление, какие текущие существующие day, week, month, agenda & timeline, вы должны сделать расширенный класс, который простирается от kendo.ui Класс в качестве примера библиотеки кода Kendo UI дал нам.

Я призываю вас следовать этому примеру, чтобы он работал правильно для edit, remove а также recurrence События. Поэтому вы должны посмотреть на это, но если у вас есть планировщик, который отображает только события с простотой и просто хочет добавить пользовательский столбец в существующее представление, вы можете увидеть мой пример здесь.

Я использую события, связанные с данными планировщика, и записываю необходимый DOM в заголовок и тело планировщика, чтобы он отражал то же, что вы описали выше.

Scheduler Custom View Code Library - рекомендуемое решение

Альтернатива пользовательского столбца планировщика

Надеюсь, что это поможет..

Answer 2

Очевидно, что это не поддерживается кендо, команда кендо говорит:

Добавление дополнительных столбцов в представление "Повестка дня" не поддерживается сразу после установки, и для этого потребуется специальное решение, которое выходит за рамки нашей службы поддержки.

Но вы можете расширить виджет планировщика, как упомянуто в сообщении на форуме, также есть 2 примера расширения виджета.

Answer 3

      schedulerHeader.append("<th>Rating</th>"); 
      schedulerHeader.append("<th>Time</th>"); 

Хм, у комментария выше не было форматирования, поэтому я выложу выше снова. Это помогает, но я думаю, что мне нужно переписать весь шаблон.

Пример, который Telerik продолжает приводить для пользовательского представления, в порядке, но очень прост. Он только делает DataHeaderTemplate и шаблон события, он не добавляет столбцы.

Я ищу столбец после каждого дня, чтобы добавить дополнительные визуальные линии для отображения статуса. Похоже, мне нужно переписать шаблоны столбцов и заголовков. Я не вижу хороших примеров этого