时间戳

首页 > 解决方案 > 如何使用 typescript 获取 kendo 调度程序在更改视图（如日视图或周视图）上的当前视图？

angular - 如何使用 typescript 获取 kendo 调度程序在更改视图（如日视图或周视图）上的当前视图？

问题描述

<kendo-scheduler [kendoSchedulerBinding]="events"
                 [selectedDate]="selectedDate"
                 [group]="group" [resources]="resources"
                 style="height: 600px;"
                 [workDayStart]="workDayStart" [workDayEnd]="workDayEnd" [showWorkHours]="true" (dateChange)="onDateChange($event)">
    <ng-template kendoSchedulerGroupHeaderTemplate let-resource="resource">
        <span [style.color]="resource?.color"><a  id="{{resource.text|split:'*':0}}" href="javascript:void(0);" class="user-unavilability">{{resource.text|split:'*':1}}</a></span>
    </ng-template>

    <kendo-scheduler-day-view>
    </kendo-scheduler-day-view>
    <kendo-scheduler-week-view>
    </kendo-scheduler-week-view>

</kendo-scheduler>

我必须在 typescript 中获取此 kendo-scheduler 的当前视图（例如日视图或周视图），并且默认情况下在 kendo-scheduler 中选择哪个视图。

标签： angulartypescriptkendo-ui-angular2kendo-scheduler

解决方案

在您的示例中，视图的索引按定义视图的顺序排列。所以日视图是索引 0，周视图是 1。默认是第一个。要设置不同的默认值，您可以使用

 <kendo-scheduler [selectedViewIndex]="1" ...

将默认值设置为索引 1。这样，您还可以使用变量来设置视图索引。

推荐阅读