javascript - kendo ui 调度程序触发错误事件

标签 javascript jquery html kendo-ui

我正在尝试使用简单的事件,这些事件应该触发警报以告诉我是否发生了某些事情。不幸的是,唯一触发的事件是保存和添加。每当我 resizeEnd 或 moveEnd 时都会触发保存,这对我来说没有意义。移动甚至不会触发,也不会调整大小。

<head>
    <title></title>
    <link href="styles/kendo.common.min.css" rel="stylesheet" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" />
    <script src="js/jquery.min.js"></script>
    <script src="js/kendo.web.min.js"></script>
</head>
<body>
    <div id="example" class="k-content">
    <div id="scheduler"></div>
</div>
<script>
$("#scheduler").kendoScheduler({
    date: new Date("2013/6/13"),
    startTime: new Date("2013/6/13 12:00 AM"),
    height: 600,
    allDaySlot: false,
    resize: function(e) {
        alert('resize');
    },
    resizeEnd: function(e) {
        alert('resizeEnd');
    },
    move: function(e) {
        alert('move');
    },
    moveEnd: function(e) {
        alert("moveEnd");
    },
    add: function(e) {
        alert("add");
    },
    save: function(e) {
        alert('save');
    },
    views: [
        "week",
        "month"
    ],
    dataSource: {
        schema: {
            model: {
                id: "eventID",
                fields: {
                    eventID: { type: "number" },
                    title: { defaultValue: "No title", validation: { required: true } },
                    start: { type: "date" },
                    end: { type: "date" },
                    careGiverId: { nullable: true },
                    isAllDay: { type: "boolean" }
                }
            }
        }
    },
    group: {
        resources: [ "care" ]
    },
    resources: [
        {
            field: "careGiverId",
            name: "care",
            dataSource: [
                { text: "Jeffery Dohmer (Care Giver 1)", value: 1, color: "#6eb3fa" },
                { text: "David Kaplan (Care Giver 2)", value: 2, color: "#6eb3fa" },
                { text: "Ben Dover (Care Giver 3)", value: 3, color: "#6eb3fa" }
            ],
            title: "Care"
        }
    ]

});
</script>

我已阅读文档,似乎我做的一切都是正确的。

最佳答案

您的代码运行良好,所有事件都已触发。我认为您的问题是使用 alert 显示来自事件处理程序内部的消息。尝试改用 console.log 或定义显示痕迹的地方。

关于javascript - kendo ui 调度程序触发错误事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19040325/

相关文章:

php - 如何切换具有 php 值的 div 内容

javascript - 在 Telerik MVC 中使用客户端传递参数

javascript - 在网站中加载谷歌地图的最佳方式

javascript - 响应式设计之间的过渡效果

javascript - 无法将 CSS 更改应用于通过 JS/JQuery 动态创建

javascript - 单击颜色转换器

html - 在 CSS 中生成具有异常菜单结构的下拉菜单

css - div列高

javascript - validateFieldsAndScroll 不起作用并且无法读取未定义的属性 'match'

javascript - 合并标题并针对每个页面进行修改