Support for string id attribute on resource data

Hello,


We are using randomly generated strings as ids for our records. Whenever I use these in our schedule resource data, the events are not rendered. Are string ids supported for the schedule resource data? Thank you.

This does not render the event properly:

{
Id: 'aWe3GG4dfgE234',
Subject: 'Bug Automation',
StartTime: new Date(2024, 2, 4, 9, 30),
EndTime: new Date(2024, 2, 5, 20, 0),
IsAllDay: false,
status: 'completed'
},

3 Replies

AK Ashokkumar Karuppasamy Syncfusion Team March 6, 2024 12:47 PM UTC

Hi Maxime Lepage,

Based on the details you've provided, we have created a sample, thoroughly tested the reported issue on our end, and set the event ID value as a string. The appointments render and function properly. Unfortunately, we were unable to replicate the problem you mentioned. We have validated the attached sample for your reference. We kindly request that you provide the following details, as this information will greatly assist us in understanding and resolving the issue effectively.

  • Share the Issue replicating steps.
  • Whether we have missed anything in our shared sample.
  • Provide a video demonstration illustrating the issue or
  • Replicate the issue in our shared sample.


Sample: https://stackblitz.com/edit/schedule-id-stringdz72k-6k7cmk?file=src%2FApp.vue,src%2Fdatasource.js

<script>

    import { createApp } from 'vue';

    import { scheduleData } from './datasource';

    import { Internationalizationextend } from '@syncfusion/ej2-base';

    import { ScheduleComponentViewDirectiveViewsDirectiveDayWeekTimelineViewsResizeDragAndDrop } from "@syncfusion/ej2-vue-schedule";

 

    var app = createApp();

    let instance = new Internationalization();

 

    export default {

        components: {

          'ejs-schedule': ScheduleComponent,

          'e-view': ViewDirective,

          'e-views': ViewsDirective,

        },

        data: function () {

            return {

                eventSettings: { dataSource: [ {

                    Id: "'aWe3GG4dfgE234",

                    Subject: 'Explosion of Betelgeuse Star',

                    Location: 'Space Centre USA',

                    StartTime: new Date(2021010930),

                    EndTime: new Date(2021010110),

                    CategoryColor: '#1aaa55'

                }, {

                    Id: "'aWe3GG4dfgE235",

                    Subject: 'Thule Air Crash Report',

                    Location: 'Newyork City',

                    StartTime: new Date(2021011120),

                    EndTime: new Date(2021011140),

                    CategoryColor: '#357cd2'

                }] },

                selectedDate: new Date(2021010),

                currentView: 'TimelineWeek',

                cssClass: 'time-scale',

            }

        },

        provide: {

            schedule: [DayWeekTimelineViewsResizeDragAndDrop]

        },

    };

 

</script>

 



Screenshot:



Regards,

Ashok



ML Maxime Lepage March 6, 2024 02:01 PM UTC

Hello, you can close this issue. I had misproperly configured my grouping. Sorry for the wasted time.



SR Sabitha Rajamani Syncfusion Team March 11, 2024 12:47 PM UTC

Hi Maxime,


No problem and thanks for the update. Please get back to us if you need any other assistance.


Regards,

Sabitha


Loader.
Up arrow icon