如何在 cellTap 事件上获取特定的 RadCalendar Day Cell 并为其添加自定义样式

Question

我在我的 NativeScript 项目中使用 RadCalendar，问题是我想在 cellTap 事件的特定日期单元格上添加自定义样式。

所以我开始收听活动

<RadCalendar (cellTap)="onCellTap($event)"></RadCalendar>

在我的 component.ts 文件中：

onCellTap(args: CalendarCellTapEventData) {

 // here, it return the whole RadCalendar Object
 console.log(args.object);

 // and in the line below it returns the native cell Element
 console.log(args.cell)
}

我试图像这样直接更改 CSS 属性：

args.object.style.backgroundColor = new Color('#ff0000')

但是没用。

有没有办法执行所需的行为？

Answer 1

我认为不支持在点击时调整单元格样式，但应该可以。要调整单元格的背景颜色，

import { CalendarCellTapEventData } from "nativescript-ui-calendar";
import { Color } from "tns-core-modules/color";

onCellTap(event: CalendarCellTapEventData) {
        const color = new Color('#ff0000');
        if (color.android) {
            // https://docs.telerik.com/devtools/android/AndroidControlsDoc/com/telerik/widget/calendar/CalendarDayCell.html
            event.cell.setBackgroundColor(color.android);
        } else {
            // https://docs.telerik.com/devtools/ios/api/Classes/TKCalendarDayCell.html
            event.cell.style().backgroundColor = color.ios;
        }
    }

如何在 cellTap 事件上获取特定的 RadCalendar Day Cell 并为其添加自定义样式

How to get specific RadCalendar Day Cell on a cellTap Event and add custom style to it

nativescript

nativescript-telerik-ui