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

Question

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

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

Answer 1

Это легко сделать с помощью 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>

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

• Кендо MVVM документация

• DatePicker документация

• NumericTextBox документация