Question

我需要创建一个自定义点击事件，触发调度程序中日期条目上的ajax调用。（“事件”包含执行ajax调用所需的数据）。这部分很容易。

问题是“更改事件”会触发任何事情，包括选择不同的日，周和月视图。每次点击都会产生一个相当烦人的弹出窗口。

我需要找到一种了解点击内容的方法，这样我才会在实际日期条目点击时触发ajax调用。我该怎么做呢？

修改

针对日，周和月视图点击以及计划的条目点击触发事件的原因是，在选择预定条目时，无论单击的视图如何，该条目都保持选中状态，从而导致“已更改的事件”包含所选计划条目的相同数据。

因此解决方案可能是取消选择所选条目或知道触发事件的点击元素。例如，如果通过单击“日期”视图触发事件。如果事件是由本周一点击预定事件触发的，请不要执行ajax调用，然后执行ajax调用。

我正在使用的功能在这里： http://docs.telerik.com/kendo-ui/api/web/scheduler#events-change

Answer 1

虽然我更喜欢使用事件更改功能。解决方案是使用“event template”代替，它包含一个锚标记，可以在单击时触发模态窗口和ajax调用：

<script id="event-template" type="text/x-kendo-template">
    <a onclick="calendarCall(#: id #);">#: title #</a>
</script>

<script>
function calendarCall(id){

    $("#modal").modal("toggle");

        $.ajax({
        url: 'someurl' + id,
        success: function(data){
            $("#modal .modal-body").html(data);
        }
    })
}
</script>

Kendo UI Scheduler更改事件和自定义模式窗口

1 个答案: