Our pure JavaScript Scheduler component


Post by calendardeveloper »

My event search is externally controlled. So, when a user performs a search, it is searching a local database of tens of thousands of events and then I am doing this

      multiSchedulerInstance.suspendRefresh();
      multiProject.current.instance.inlineData = {
        resourcesData: resources,
        eventsData: events,
      };
      multiSchedulerInstance.resumeRefresh();
      

How can I show a 'Loading data' while this happens as there is clearly a lag. I tried adding in the 'masked' property but I got a warning that it is static property only.


Post by marcio »

Hey calendardeveloper,

You can check the snippet/demo here https://bryntum.com/products/schedulerpro/docs/api/Core/widget/Mask

Mask.mask({
            target : targetElement,
            text   : 'Masked (2 seconds)',
            mode   : 'dark-blur'
        });

    setTimeout(() => {
        Mask.unmask(targetElement);
    }, 2000);

Best regards,
Márcio


Post Reply