Question

在我的Nativescript + Angular应用程序中，我正在使用RadCalendar组件。我有一个自定义按钮，可用于当前日期。使用Android手机时，我遇到一个问题：如果我滑动2个月并单击一个日间单元格，它将打开一个包含事件列表的区域。但是，当我单击自定义按钮返回到当前日期时，带有事件的部分仍处于打开状态。我试图强行关闭它，但是以下代码不起作用。

HTML：

<ActionItem (tap)="onGoToDateTap()" verticalAlignment="center"
    horizontalAlignment="center">
    <Label height="25" class="link text-uppercase cold" color="#000000" text="Now"></Label>
</ActionItem>
... 
<RadCalendar [eventSource]="calendarEvents" id="calendar" #calendar (inlineEventSelected)="inlineEventSelected($event)"
(navigatingToDateStarted)="onNavigatingToDateStarted($event)" locale="en-EN" viewMode="month" eventsViewMode="Inline">
</RadCalendar>

打字稿：

onGoToDateTap() {
    this.calendar.nativeElement.selectedDate = undefined;
    this.calendar.nativeElement.resetNativeView();
    this.calendar.nativeElement.reload();
    const date = new Date();
    setTimeout(() => {
        this.calendar.nativeElement.goToDate(date);
        this.cdr.detectChanges();
    }, 400)
}

Answer 1

要在Android上关闭事件，请使用EventManager

 this.calendar.nativeElement.nativeView.eventsManager().closeEvents();

关闭Nativescript RadCalendar中的选定日期

1 个答案: