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

【问题标题】：Kendo UI Scheduler, Agenda View columnsKendo UI 调度程序，议程视图列
【发布时间】：2023-03-18 07:00:02
【问题描述】：

在 Kendo-UI 调度程序的议程视图中，它显示“日期、时间、事件”列。我还有一个额外的列，显示我正在显示的事件的不同属性。

我想要完成的是用“日期”列切换额外列的位置。我发现了一些东西，例如剑道网格重新排序以及使用 css 更改调度程序中的位置，但是这两种方法似乎都不适用于我的情况。特别是 css 使用了左/右浮点数，但这反而弄乱了列。

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

AgendaCols

classInfo

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

感谢您的宝贵时间，

阿尔普

【问题讨论】：

标签： css kendo-ui kendo-scheduler

【解决方案1】：

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

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

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

【讨论】：

这对我也有用，谢谢！将您的代码标记为正确，因为它的代码比我想出的要少。

【解决方案2】：

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

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...
    };
};

【讨论】：