Как настроить редактор в диаграмме Ганта для кендо?

При двойном щелчке по задаче открывается всплывающее окно редактора. Мне нужно настроить следующее в этом всплывающем окне.

  1. Удалите поле задачи.
  2. Формат даты начала и окончания
  3. Ограничьте дату начала и окончания в соответствии с бизнес-правилами
  4. Рабочая нагрузка принимает поплавки между 0-1. Мне нужно, чтобы это было 0-100 (int).
  5. Для некоторых задач всплывающее окно не должно открываться. (бизнес требует, чтобы он был доступен только для чтения).

javascript angularjs telerik kendo-gantt
person Shrinivas    schedule 14.03.2017    source источник
comment
Это можно сделать, добавив некоторые дополнительные свойства в конфигурацию, в противном случае целесообразно поднять тикет в службу поддержки кендо.   -  person Jayant Patil    schedule 14.03.2017
comment
Вот - я только что попробовал это на диаграмме Ганта. введите ссылку описание здесь Взгляните на идентификатор скрипта customEditorTemplate   -  person Chris Jackson    schedule 23.05.2017

Ответы (1)


arrow_upward
0
arrow_downward

Это легко сделать с помощью editable.template свойство:

$('#gantt').kendoGantt({
    dataSource: taskDataSource,
    editable: {
        template: $("#task-editor-template").html()
    }, 
});

Вот пример шаблона:

<script id="task-editor-template" type="text/x-kendo-template">
    <div class="k-edit-label"><label for="title">Title</label></div>
    <div data-container-for="title" class="k-edit-field"><span name="title" data-bind="text: title"></span></div>

    <div class="k-edit-label"><label for="start">Start</label></div>
    <div data-container-for="start" class="k-edit-field"><input data-role="datepicker" name="start" data-bind="value: start" /></div>

    <div class="k-edit-label"><label for="start">End</label></div>
    <div data-container-for="start" class="k-edit-field"><input data-role="datepicker" name="end" data-bind="value: end" /></div>
</script>

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

person Métoule    schedule 26.03.2018