events don't show when onEventRendered handler is used

[Michael Marmah]

Please I need some help with my scheduler control.

Anytime I include the onEventRendered eventhandler, which is supposed to be a handler for a dropdown additional control field on the schedular popup modal, the events don't display on the schedular until I remove it.

Please see below the code block:

<ejs-schedule id="scheduler" cssClass="schedule-overview" height="100%" timezone="UTC" dateHeaderTemplate="@dateHeaderTemplate" dataBinding="onDataBinding"

                                     popupOpen="onPopupOpen"

                                   eventRendered="onEventRendered"

                                   startHour="08:00"

                                   endHour="18:00"

                                   created="onCreated" destroyed="onDestroyed">

                         <e-schedule-resources>

                             <e-schedule-resource field="CalendarId" title="Calendars" name="Calendars" allowMultiple="true" dataSource="@calendarCollections" query="new ej.data.Query().where('CalendarId', 'equal', 1)" textField="CalendarName" idField="CalendarId" colorField="CalendarColor"></e-schedule-resource>

                         </e-schedule-resources>

                         <e-schedule-group resources="@resources"></e-schedule-group>

                         <e-schedule-views>

                             <e-schedule-view option="Day"></e-schedule-view>

                             <e-schedule-view option="Week"></e-schedule-view>

                             <e-schedule-view option="WorkWeek"></e-schedule-view>

                             <e-schedule-view option="Month"></e-schedule-view>

                             <e-schedule-view option="Year"></e-schedule-view>

                             <e-schedule-view option="Agenda"></e-schedule-view>

                             <e-schedule-view option="TimelineDay"></e-schedule-view>

                             <e-schedule-view option="TimelineWeek"></e-schedule-view>

                             <e-schedule-view option="TimelineWorkWeek"></e-schedule-view>

                             <e-schedule-view option="TimelineMonth"></e-schedule-view>

                             <e-schedule-view option="TimelineYear"></e-schedule-view>

                         </e-schedule-views>

</ejs-schedule>

<script type="text/javascript">

function onEventRendered(args) {

    var scheduleObj = document.getElementById('scheduler').ej2_instances[0];

    applyCategoryColor(args, scheduleObj.currentView);

}

</script

[Swathi Ravi]

Hi Michael Marmah,

Thank you for reaching out regarding the issue with events not displaying in the Scheduler when using the onEventRendered event handler.

Unfortunately, we were unable to replicate the issue with the shared snippets.  Shared the sample for your reference. To help investigate further, could you please provide the following details:

1. Data Source Details: The data structure and the exact data you are binding to the Scheduler. This will help ensure that the events are being correctly loaded.
2. Scheduler NuGet Version: Please confirm the version of the Syncfusion Scheduler you are using.
3. Any Additional Console Errors: If there are any errors logged in the browser's console while the Scheduler is rendered, it would be helpful to see them.

Once I have this information, I can assist you further in resolving the issue.

Regards,

Swathi

Attachment: corescheduler_d5b287e7.zip