Question

我有一个Kendo Scheduler，我想将事件的背景设置为不同的颜色，并通过这样做部分实现：

剃刀

@(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")

它有效地运作，但仅限于＆＃34;整天＃34;事件，而不是其他人。例如，如果某个活动是从9:00到10:00，则它不会因模板定义而变色。

intellisense没有显示我认为可用于任何日常活动的任何DayEventTemplate，＆＃34;全天＆＃34;或不。

有没有办法实现这个目标？

Answer 1

我已尝试过您的方法，它似乎正常工作，请查看我创建的示例并使用您的逻辑： demo 。

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

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

也许这可能会解决您的问题。

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

如果上述情况无法解决您的问题，请告诉我。

在Kendo Scheduler中更改颜色

1 个答案: