如何在kendo甘特图中自定义编辑器？

Question

双击任务时，将打开一个编辑器弹出窗口。我需要在弹出窗口中自定义以下内容。

1. 删除任务栏。
2. 格式化开始日期和结束日期
3. 根据业务规则限制开始和结束日期
4. 工作负荷接受浮动btw 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>

关于如何做各个点，我建议你阅读以下内容：

• Kendo MVVM documentation

• DatePicker documentation

• NumericTextBox documentation