Can't display appointement in the schedule

Hello,

I want to use schedule in javascript with vue3.

In the page, I have employee liste, I click the name of employe, it will open an modal for editing.

In the edit modal, I put the schedule in the first tab.

The schedule can be displayed, but it doesn't have data.

Could help me?

Thanks.


Attachment: employes_f8e0d0e2.zip

2 Replies

WR WANG RENJIE June 20, 2024 10:14 AM UTC

Hello,

Anyone could help me?

Thanks.



RR Ram Raju Elaiyaperumal Syncfusion Team June 21, 2024 11:24 AM UTC

Hi WANG RENJIE,

Upon reviewing the provided code snippet, we identified the root cause of the issue where events are not being rendered in the schedule. It appears that the schedule is being rendered before the dialog, which is causing the events' height and top positions to not be set correctly.

To resolve this issue, we suggest rendering the scheduler after the model is created and shown. Here is how you can achieve it:

function onModalShown() {

      initEmployeScheduler();

    }

    onMounted(() => {

      $(document).ready(function() {

        $('#addEditEmployeModal').on('shown.bs.modal', onModalShown);

      });

    });


This modification ensures that the scheduler is rendered after the dialog, which should resolve the issue with the events not being displayed correctly. We have modified your sample, kindly check on the attached sample

Please try this solution and let us know if it resolves your issue or if you need further assistance.


Regards

Ram



Attachment: employes_14560b30.zip

Loader.
Up arrow icon