如何在Kendo Scheduler中设置事件颜色

时间:2013-09-05 07:05:08

标签: asp.net-mvc kendo-ui

我正在使用用于Kendo UI的ASP.NET MVC Wrappers并希望实现调度程序。 据我所知,事件的背景颜色取决于事件使用的第一个资源的颜色。有没有办法在不使用资源时设置颜色?

2 个答案:

答案 0 :(得分:1)

根据此处的文件:http://docs.kendoui.com/getting-started/web/scheduler/resources ...

  

如果资源实例设置了其颜色字段,则调度程序将使用此值作为分配给该实例的所有事件的背景。

似乎它将是分配给所选第一个单一资源的颜色。

答案 1 :(得分:1)

如果您不想使用资源,可以使用 dataBound 事件http://docs.telerik.com/kendo-ui/api/web/scheduler#events-dataBound手动设置每个事件的样式,具体取决于某些条件

schedulerOptions = {
    date: new Date(),
    startTime: new Date(),
    height: 600,
    ...
    dataBound: function(e) {
        $('div.k-event').removeClass('special-event');
        e.sender._data.forEach(function(eventDetails) {            
            if (eventDetails['description'] === 'special event') {
                $('div.k-event[data-uid="'+eventDetails['uid']+'"]').addClass('special-event');
            }
        });
    }
};