Question

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

我想要完成的是使用“日期”列切换额外列的位置。我找到了一些东西，比如kendo网格重新排序，还使用css来改变调度程序中的位置，但这两种方法似乎都不适用于我的情况。 css特别是使用左/右浮动，但这会使列混乱。

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

AgendaCols

classInfo

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

感谢您的时间，

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的{{1}}设置位于date: true数组中的议程条目内。

Kendo UI Scheduler，议程视图列

2 个答案: