Jquery 使用剑道调度程序创建自定义编辑模板

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

您应该定义一个

例如：

<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>

您应该定义一个

例如：

<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>

var调度器=$（“#调度器”）.data（“kendoScheduler”）

addEvent（{title:“新事件”，isAllDay:true}）

var调度器=$（“#调度器”）.data（“kendoScheduler”）

---

addEvent（{title:“新事件”，isAllDay:true}）

实际上，上面的答案向您展示了如何定制编辑窗口的内容。如果您想替换整个窗口，请访问Telerik文档的链接，其中显示了如何进行替换

基本上，您需要做的是使用调度程序的编辑事件并调用.preventDefault（）。之后，您必须添加使用编辑器表单的代码

function(e) {
    e.preventDefault(); //prevent popup editing
    var dataSource = this.dataSource;
    var event = e.event;

    if (event.isNew()) {
        setTimeout(function() {
            dataSource.add(event);
            editEvent(event);
        });
    } else {
        editEvent(event);
    }
});

---

不久前我也遇到了同样的问题，但信息似乎很难找到，所以我想我可以在这里分享。

事实上，上面的答案向您展示了如何自定义编辑窗口的内容。如果您想替换整个窗口，请访问Telerik文档的链接，其中显示了如何进行替换

基本上，您需要做的是使用调度程序的编辑事件并调用.preventDefault（）。之后，您必须添加使用编辑器表单的代码

function(e) {
    e.preventDefault(); //prevent popup editing
    var dataSource = this.dataSource;
    var event = e.event;

    if (event.isNew()) {
        setTimeout(function() {
            dataSource.add(event);
            editEvent(event);
        });
    } else {
        editEvent(event);
    }
});

不久前我也遇到了同样的问题，但是信息似乎很难找到，所以我想我可以在这里分享