Kendo UI 调度程序，议程视图列

Question

在 Kendo-UI 调度程序的议程视图中，它显示 "Date, Time, Event" 列。我还有一个额外的列，显示我正在显示的事件的不同属性。

我想要完成的是将额外列的位置与 "Date" 列切换。我发现了一些东西，例如 kendo 网格重新排序以及使用 css 更改调度程序中的位置，但这两种方法似乎都不适用于我的情况。 css 特别是使用了 float left/right，但这反而弄乱了列。

下面是我的问题图片的链接以及类它们在调度程序上分配的图片。

AgendaCols

classInfo

此外，作为奖励，我想知道我是否可以在第一张图片的橙色部分添加标题，因为它目前是空白的，而其他三张都有一个标题 built-in.

感谢您的宝贵时间，

Alpr

Answer 1

触发导航事件时，这解决了我的问题（this.schedule 是我的 kendo 调度程序声明的内容）：

navigate(event: any) {
    if (event != null) {
          ...omitted...
        if (event.view == "agenda") { 
            this.schedule.options.group.date = true; 
        } else { 
            this.schedule.options.group.date = false; 
        }
        ...omitted...
    };
};

Answer 2

您可以通过在调度程序的选项对象中指定，专门为议程视图指定 date: true：

views: [{
    type: "agenda",
    group: {
        date: true
    }
}, "week", "day"]

请注意 group 的 date: true 设置位于 views 数组的议程条目内。

Kendo UI 调度程序，议程视图列

Kendo UI Scheduler, Agenda View columns

css

kendo-ui

kendo-scheduler