Kendo 调度程序自定义视图在选择时未获得正确 class

Question

我目前正在开发 kendo 调度程序。我的客户要求我实现一个 3 天的视图，我成功地做到了，但是有一个问题：自定义视图在被选中时没有得到 "k-state-selected" class，这意味着它不能完全程式化。

我没找到为什么会这样：我发现 none 创建自定义时间视图的示例中提到了任何关于定义 class 视图在选择时采用的内容，此外，它确实在悬停时得到 "k-state-hover" class。奇怪。

这是（我认为）相关的 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
   })
});

有人知道为什么会这样吗？谢谢！

Answer 1

类型或视图应为字符串 - 自定义视图的名称 - "ThreeDayView"（而不是 ThreeDayView）在本例中。

Kendo 调度程序自定义视图在选择时未获得正确 class

Kendo scheduler custom view doesn't get the right class when selected

javascript

jquery

css

kendo-ui

kendo-scheduler