Cannot read property 'exp' of undefined

As far as I can tell there is no "exp" property in DayPilot.

It looks like it's related to watching changes of an object that you reference using "config" or "events" attributes.

The slowdown is also related to the Angular "watch" mechanism. The Scheduler needs to watch all changes in those objects ("config" and "events") in order to update itself. If the object tree is large Angular needs much longer time to go through all its properties and sub-properties to detect the changes.

If this is caused by a large "events" array you can also load the events directly using DayPilot.Scheduler object:

dp.events.list = [ ... ];
dp.update();

Angular is very convenient because it can watch object changes for you but comes at a price. When dealing with large data sets there is a point where you have to switch to manual updates.

Let me know if you experience a slowdown event with small data sets.

Hi Dan,

Some feedback with regards to the 'exp' error. When I disable Batarang, this problem went away.

Regards,
Richard Bailey

Hi Dan,

dp.events.list = [ ... ];

        function mapAndAddBookingEvents(bookingArgs, flatten) {
            var bookings = flatten ? _.map(bookingArgs, 'Bookings') : bookingArgs;
            var mappedEvents = _.map(flatten ? _.flattenDeep(bookings) : bookingArgs,
                function (item) {
                    var e = {
                        start: new DayPilot.Date(item.FromDate.format(appConfig.alternativeDateFormat))
                            .addHours(vm.config.businessBeginsHour),
                        end: new DayPilot.Date(item.ToDate.format(appConfig.alternativeDateFormat))
                            .addHours(vm.config.businessEndsHour),
                        id: item.Id,
                        resource: item.ResourceID,
                        text: item.Description,
                        bubbleHtml: 'Hours: ' + item.Hours,
                        meta: item
                    };
                    return e;
                });

            vm.scheduler.events.list = [];
            _.forEach(mappedEvents, function (value) {
                vm.scheduler.events.list.push(value);
            });
            vm.scheduler.update();

            vm.config.ventHoverHandling = 'Bubble';
        }

Can you perhaps spot what I'm doing wrong?

Thanks again!
Richard

Dan,

ng-change or ng-click

Resources: https://postimg.org/image/5d7o4zi8h/
Event List: https://postimg.org/image/4cj0d9gv7/

Thanks

Hi Dan,

Another update. So it's definatly something to do with the start and update of the schedular. I have a debugging component, which outputs any JS object in JSON. I have attached the output when the page loads:

https://s10.postimg.org/4wnippsy1/Capture.png

Now, I'll select the same project from a drop-down which will trigger the exact same code to fire - the output:

https://s17.postimg.org/69cshlqin/Capture.png

As you can see, the scheduler.events.list has data. You're probable thinking 21 vs. 2 - why? That's because the one bookingModel (in the vm.activeBookingModels collection) has 11 bookings and the other one 10.

Richard

So I think the issue is that setting some settings on vm.config (config="vm.config") and some on vm.scheduler (publish-as="vm.scheduler"), causes issues.

I tried setting everything on vm.scheduler, but when the page loads, it's undefined?

Regards,
Richard

Nevermind, I came right... Thanks Dan