Nativescript 如何在cellTap事件中获取特定的日历日单元格并向其添加自定义样式

Nativescript 如何在cellTap事件中获取特定的日历日单元格并向其添加自定义样式,nativescript,nativescript-telerik-ui,Nativescript,Nativescript Telerik Ui,我在NativeScript项目中使用RadCalendar,问题是我想从cellTap事件中添加特定日期单元格的自定义样式 所以我从听这个活动开始 在my component.ts文件中: onCellTap(参数:CalendarCellTapEventData){ //在这里,它返回整个RadCalendar对象 console.log(args.object); //在下面的行中,它返回本机单元格元素 console.log(args.cell) } 我尝试直接更改CSS属性,如下

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

所以我从听这个活动开始


在my component.ts文件中:

onCellTap(参数:CalendarCellTapEventData){
//在这里,它返回整个RadCalendar对象
console.log(args.object);
//在下面的行中,它返回本机单元格元素
console.log(args.cell)
}
我尝试直接更改CSS属性,如下所示:

args.object.style.backgroundColor=新颜色(“#ff0000”)
但它不起作用


有什么方法可以执行所需的行为吗?

我认为不支持在点击时调整单元格样式,但这应该是可能的。要调整单元格的背景色

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

您是否尝试为设置自定义样式,这可能符合您的要求。@Manoj事实上,我尝试使用DayCellStyle类附带的样式,但不幸的是,它与我需要的不匹配,我还尝试添加自定义css类,如下所示:
selectedDayCellStyle.csclasses.add('csclass'))
但它不起作用。点击后,单元格被选中,因此应用
selectedDayCellStyle
应该可以解决这个问题。请您进一步解释您的问题陈述,为什么/什么时候您想要更改样式?这是否只是一次点击,因为您在示例中使用的是单元格点击事件?@Manoj我的问题是我必须根据一个值在两种背景色之间切换,因此,例如,如果值为真,则背景色为红色,否则为绿色。使用DayCellStyleing类中的cellBackgroundColor属性不仅会更改颜色,还会影响其他单元格的背景颜色,例如,如果我有一个背景颜色为红色的单元格,将新单元格的cellBackgroundColor更改为绿色也会影响上一个单元格。所以基本上我想要的是在cellTap事件中获得特定的单元格,并找到一种方法来应用特定的样式。