jquery - 使用 Kendo Scheduler 创建自定义编辑模板

Question

有没有办法使用 Kendo Scheduler 创建您自己的编辑窗口？当我双击调度程序中的事件时，我需要能够打开自己的编辑窗口。

Answer 1

您应该定义一个 editable.template .

例如:

<script id="editor" type="text/x-kendo-template">
    <h3>Edit meeting</h3>
    <p>
        <label>Title: <input name="title" /></label>
    </p>
    <p>
        <label>Start: <input data-role="datetimepicker" name="start" /></label>
    </p>
    <p>
        <label>Start: <input data-role="datetimepicker" name="end" /></label>
    </p>
</script>

调度程序初始化为:

$("#scheduler").kendoScheduler({
    date: new Date("2013/6/6"),
    editable: {
        template: $("#editor").html()
    },
    views: [
        { type: "day" }
    ],
    dataSource: [
        {
            id: 1,
            start: new Date("2013/6/6 08:00 AM"),
            end: new Date("2013/6/6 09:00 AM"),
            title: "Interview"
        }
    ]
});