mobiscroll events and typescript functions

Question

I want to use the mobiscroll event for the calendar object (onMonthLoaded) but instead of writing all code inside the settings element of the mobiscroll - have the logic outside of it.

This is my code:

   export class CalendarComponent {

    constructor( private sessionService: SessionService,
                private visItemsService: VisibleItemsService,
    ) {
        this.visItemsService.visItems$.subscribe(items => {console.log("got these New visible items : ", items)});
    }



    calendar: Date = new Date();
    calendarSettings: any = {
        theme: 'timelord',
        display: 'inline',
        layout: 'liquid',
        controls: ['calendar'],
        cssClass: 'tl-cal',
        max: new Date(2030,12,31),
        min: new Date(2005,1,1),
        onDayChange: function (event,inst) {
            // event.date returns the selected date in date format
            // console.log('date '+event.date);
        },
        onMonthChange(event,inst) {
            // console.log('changed');
            // console.log(event.year);
            // console.log(event.month); // 0-11
        },
        onMonthLoaded(event,inst) {
            console.log('lloaded');
            // console.log(event.year);
            // console.log(event.month); // 0-11
            // console.log('month :'+inst.getVal());

        }

    };

    loadNewVisItems(year: number,month:number)  {
        console.log('in load New!');
        let timeRangeStart = moment().year(year).month(month).date(1).hour(0).minutes(0).second(0);
        let timeRangeEnd = timeRangeStart.add(1,'month').subtract(1,'second');
        this.visItemsService.setTimeRange(timeRangeStart.unix(),timeRangeEnd.unix());
    }
}

I want to be able to call the loadNewVisItems method from within the onMonthLoaded handler. syntax wise it does not recognise the method when I just do a simple call to it by using either this or any other way.

Possible duplicate of [How to access the correct \`this\` inside a callback?](https://stackoverflow.com/questions/20279484/how-to-access-the-correct-this-inside-a-callback) — n00dl3, Aug 01 '17 at 09:25
`calendarSettings: any = {properties}` is like blasphemously bad typescript. Please remove the type annotation. — Aluan Haddad, Aug 01 '17 at 09:37

score 1 · Answer 1 · edited Aug 01 '17 at 14:01

1

onMonthLoaded: (event,inst) => {
    this.loadNewVisItems()parameters
}

edited Aug 01 '17 at 14:01

DarthJDG

16,511
11
49
56

answered Aug 01 '17 at 10:03

gil

65
5

score 0 · Answer 2 · edited Sep 20 '18 at 22:06

0

onMonthLoaded: (event, inst) => this.loadNewVisItems(event,inst)

edited Sep 20 '18 at 22:06

Paul Roub

36,322
27
84
93

answered Sep 20 '18 at 21:47

Volodymyr

21
3

mobiscroll events and typescript functions

2 Answers2