在 Kendo Scheduler 中更改颜色答案

【问题标题】：Changing colors in Kendo Scheduler在 Kendo Scheduler 中更改颜色
【发布时间】：2015-02-04 11:06:40
【问题描述】：

我有一个剑道调度程序，我想将事件的背景设置为不同的颜色，并通过这样做部分实现：

剃须刀

@(Html.Kendo().Scheduler<MyProj.Models.MyModel>()
    .Name("scheduler")
    .Views(views =>
    {
        views.DayView();
        views.WeekView();
        views.MonthView(mv => mv.Selected(true));
    })
    .EventTemplateId("eventTemplate")
    ...

Javascript

<script id="eventTemplate" type="text/kendo-tmpl">
    <div class='asset-task' style='color: black; background-color: #=Color#'>
        #= Description #
    </div>
</script>

这很有效，可以很好地将模型的背景颜色应用于事件。但是，这仅对月视图和议程视图有效，将日视图和周视图中的事件保留为默认背景颜色，每个事件都相同。

我发现了这个：

.AllDayEventTemplateId("eventDayTemplate")

它有效，但仅适用于“全天”事件，不适用于其他事件。例如，如果一个事件是从 9:00 到 10:00，它不会根据模板定义进行相应的着色。

智能感知没有显示任何DayEventTemplate，我认为这些DayEventTemplate 将用于任何一天的事件，无论是否“全天”。

有什么方法可以实现吗？

【问题讨论】：

这应该可以；尝试更新剑道用户界面
@LarsHöppner，谢谢你的建议。但是，我相信我已经在使用最新版本：Kendo UI v2014.1.528
@chiapa: 资源的使用是什么选择 ref: Resource ？如果不是，您可以在数据绑定事件中更新事件的 div。如果您想尝试数据绑定事件方法，请告诉我，与资源相比，它可以为您提供更多控制。
@chiapa 你的活动真的有描述吗？否则元素可能根本没有高度
@LarsHöppner，是的，它们会显示，但使用默认颜色。没有身高不是问题

标签： kendo-ui kendo-scheduler

【解决方案1】：

我已经尝试过您的方法，它似乎可以按您的意愿工作，请查看我创建的示例并使用了您的逻辑：demo。

我所做的唯一更改是添加了一个 css 类来覆盖默认的 ".k-event" 并将背景和边框设置为无。

.k-event{
    background: none;
    border: none;
}

也许这可以解决你的问题。

另外还有其他选项，例如资源使用：ref Resources ?
另一种选择是在数据绑定事件中更新事件的 div。这种方法在这里解释：data-bound event explanation

如果上述方法不能解决您的问题，请告诉我。

【讨论】：

您应该将模板 div 设置为 100%，否则对于跨越几个小时以上的事件，日历将无法正常显示。