选择时,剑道调度程序自定义视图无法获得正确的类

时间:2018-05-22 13:35:09

标签: javascript jquery css kendo-ui kendo-scheduler

我目前正在研究剑道调度程序。 我的客户要求我实现一个3天的视图,这是我成功完成的,但是有一个问题:自定义视图在选中时没有获得“k-state-selected”类,这意味着它可以'完全风格化。

我没有找到原因可能就是这样:创建自定义时间视图的示例中没有一个我发现在选择时定义了视图所采用的类,而且它确实得到了“k-state-徘徊在“徘徊时的课堂”。奇怪。

这是(我认为)相关的JS:

var ThreeDayView = kendo.ui.MultiDayView.extend({
    nextDate: function () {
        return kendo.date.nextDay(this.startDate());
    },

    options: {
        selectedDateFormat: "{0:D} - {1:D}"
    },

    name: "ThreeDayView",

    calculateDateRange: function () {
        //create a range of dates to be shown within the view
        var start = this.options.date,
            idx, length,
            dates = [];

        for (idx = 0, length = 3; idx < length; idx++) {
            dates.push(start);
            start = kendo.date.nextDay(start);
        }

        this._render(dates);
    }
});

$("#scheduler").kendoScheduler({
       date: new Date(), // The current date of the scheduler
       showWorkHours: true,
       height: 600,
       views: [
           "week",
           { type: ThreeDayView, title: "3 Jours", selected: false },
           "day"
       ],
       editable:
           {
               resize: true,
               move: true,
               template: $("#templateEdition").html()
           },
       dataSource: finalSource,
       add: onAdd,
       edit: onUpdate,
       remove: onDelete,
       save: onSaving
   })
});

有没有人知道为什么会这样? 谢谢!

1 个答案:

答案 0 :(得分:1)

类型或视图应该是一个字符串 - 自定义视图的名称 - &#34; ThreeDayView&#34; (在这种情况下,而不是ThreeDayView)。