Hide empty Rooms ( Resources ) from the Scheduler header

[Sinisa]

Hi,

How to programatically hide empty ResourceDirective from the header.

For example. I have 6 defined rooms as ResourceDirective, how to hide empty rooms from the header and scheduler.

Is there some built solution like showHeaderWhenEmpty for a table or not ?

Please check this image to better understand my logic here.

Thanks,

Sinisa

[Saritha Sankar]

Hi Sinisa,

In the current implementation of the Scheduler component, the functionality to hide empty resources is not supported.

Specifically, it is not possible to hide a resource directive when there are no events associated with it within grouped resources.

Regards,

Saritha S.

[Sinisa]

Thanks you very much.

Cheers,

Sinisa

[Saritha Sankar]

Hi Sinisa,

You're welcome. Please get back to us if you need any further assistance. 

Regards,
Saritha S.

[Sinisa]

One more question.

Can you suggest to me how to determinate that this view is displayed or is clicked on this navigation button ?

I can only find viewIndex inside of onNavigation method. But I was thinking about passing some custom props or some other unique  id that is not made programatically like ID is.

I will appreciate any help with this I have specific needs to display different data which depend on current view ( for day / week view only data for current login user, but when is room view included the data for other user who have booked events in those rooms) . 

Thanks in advance. 

this is my code  to call this ViewDirective connected with roomm

{roomData && roomData.length && (

<ViewDirective

option="Day"

displayName="By Room"

orientation="Horizontal"

allowMultiple={true}

group={{ resources: ["Rooms"] }}

/>

)}

{roomData && roomData.length && (

<ViewDirective

option="Week"

displayName="Week By Room"

orientation="Horizontal"

allowMultiple={true}

group={{ resources: ["Rooms"] }}

/>

)}

[Swathi Ravi]

Hi Sinisa,

You can identify which view was clicked during the navigation event using the following snippet:

 const schedulerRef = useRef(null);

 function onNavigating(args) {

        let views = schedulerRef.current.views.filter(x => x.option == args.currentView);

        let seletcedView = views[0].displayName;

        console.log(seletcedView);

 }

 <ScheduleComponent ref={schedulerRef}  navigating={onNavigating}>

Sample - https://stackblitz.com/edit/react-uvhcy2h6-ekfaxmse?file=index.js

Let me know if you need further clarification or assistance!

Regards,

Swathi Ravi

[Sinisa]

Thanks you, that is perfect ! 

Cheers,

Sinisa

[Vijay Ravi]

Hi Sinisa,

 

Thanks for your update. We are glad to know that your issue has been resolved. Please get back to us if you need any other assistance.

 

Regards,

Vijay