Как получить определенную дневную ячейку RadCalendar для события cellTap и добавить к нему собственный стиль - PullRequest
Новая
       29

Как получить определенную дневную ячейку RadCalendar для события cellTap и добавить к нему собственный стиль

0 голосов
/ 09 июля 2019

Я использую RadCalendar в своем проекте NativeScript, проблема в том, что я хочу добавить пользовательский стиль для определенной дневной ячейки из события 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')

, но это не работает.

Есть ли способ выполнить требуемое поведение?

1 Ответ

0 голосов
/ 10 июля 2019

Я не думаю, что настройка стиля ячейки при нажатии поддерживается, но это должно быть возможно. Чтобы настроить цвет фона ячейки, 

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