cannot read property 'tostring' of undefined at VerticalEvent.EventBase.eventDoubleClick

[Bhaskar Patil]

Hi,

We are exploring syncfusion calendar control and getting the following error,

cannot read property 'tostring' of undefined at VerticalEvent.EventBase.eventDoubleClick

Please find our code snippet,

1) JS Call

getEvents({commit}){

        console.log("VUEX ACTIONS: getEvents");

        getEvents((data => {

            if(data){

                /**Getting Data from API */

                console.log("GET EVENTS:FROM API ",data);

                /**Renaming some attributes as per our current vue code */

                TODO:/**This needs to be refactored in node&vue */

                for(let evt=0;evt<data.length;evt++){

                    data[evt].StartTime = new Date(data[evt].startDate);

                    delete data[evt].startDate;

                    data[evt].EndTime = new Date(data[evt].endDate);

                    delete data[evt].endDate;

                    data[evt].CalendarId = data[evt].calendarId;

                    delete data[evt].calendarId;

                    data[evt].GroupId = data[evt].groupId;

                    delete data[evt].groupId;

                    data[evt].id = evt + 1;

                    data[evt].startTime = new Date(data[evt].startTime);

                    data[evt].endTime = new Date(data[evt].endTime);

                    data[evt].requestDate = new Date(data[evt].requestDate);

                    data[evt].clientAckDate = new Date(data[evt].clientAckDate);

                    data[evt].terpAckDate = new Date(data[evt].terpAckDate);

                    data[evt].terpPaid = new Date(data[evt].terpPaid);

                    data[evt].createdAt = new Date(data[evt].createdAt);

                    data[evt].updatedAt = new Date(data[evt].updatedAt);

                    data[evt].startDate = new Date(data[evt].startDate);

                    data[evt].endDate = new Date(data[evt].endDate);

                }

                console.log("GET EVENTS:FROM API after changing the ATTR name: ",data);   

                //Commiting the API data into the store             

                commit('setEvents',data)

            }

        }),function(err){

            console.log("GET EVENTS: err callback: ",err);

        });

                // commit('setEvents',getEvents1())

        }

    },

2) API call:

export function getEvents(successCallback,errorCallback){

    HTTP.get(`events`)

    .then(response => {

        successCallback(response.data.data)

    })

    .catch(e => {

        console.log("GET /events: ERROR: ",e);

        errorCallback(e);

    })

}

3) Mongo DB event collection:

Please let me know where we are getting wrong.

[Berly Christopher]

Hi Bhaskar, 

  

Greetings from Syncfusion support. 

  

Before proceeding the reported issue, we need to know the below details that will help us to check and proceed further at our end. 

  

1.       Have you faced this issue in Calendar component alone else any other Syncfusion component? 

2.       Call stack for the reported issue. 

3.       If possible, please share any issue reproducing sample or code example 

4.       Have you used any other Syncfusion components in your application? 

  

Regards, 

Berly B.C 

[Bhaskar Patil]

Thanks for the reply,

This issue was coming in syncfusion scheduler only. But now it got resolved it was due to wrong data binding issues from our end.

Regards,

Bhaskar Patil

[Berly Christopher]

Hi Bhaskar, 

  

We are glad to know that your issue is resolved. Please let us know if you need further assistance on this. 

  

Regards, 

Berly B.C