onclick函数在td元素Kendo Scheduler上

时间:2014-03-05 14:28:34

标签: javascript jquery kendo-ui

我有一个由Kendo Scheduler生成的表。 我必须在文档加载的每个td上添加一个click功能。

现在,我试过这个:

    $(document).ready(function () {
    $('td.k-nonwork-hour').click(function () {

        alert("Hello");

        });
   });

用于添加onclick功能。我也试过onclick

    $(document).ready(function () {
    $('td.k-nonwork-hour').onclick =function () {

        alert("Hello");

       };
    });

但它们都不起作用。谁知道解决方案? :)

2 个答案:

答案 0 :(得分:3)

最好使用委托事件,而不是将事件处理程序附加到每个单元格。

e.g。

       scheduler.wrapper.on("click", "td.k-nonwork-hour", function() {
        alert("Non working day!")
       }); 

Here是实例。

答案 1 :(得分:0)

scheduler.wrapper.on("mouseup touchend", ".k-scheduler-table td, .k-event", function(e) {
        var target = $(e.currentTarget);

        if (target.hasClass("k-event")) {
            var event = scheduler.occurrenceByUid(target.data("uid"));
            scheduler.editEvent(event);
        } else {
            var slot = scheduler.slotByElement(target[0]);

            scheduler.addEvent({
                start: slot.startDate,
                end: slot.endDate
            });
        }
    });