Wrong appointment shows when we use event template

[Rajitha]

hi,

When we use an event template along with a scheduler and when we double click to edit the event first time it shows the correct appointment. but when close it and we double click the same appointment it shows a wrong appointment in the edit modal.

it replicates in the official docs as well which is here- https://www.telerik.com/kendo-vue-ui/components/scheduler/templates/

[Veselin Tsvetanov]

Hello Rajitha,

The Vue Scheduler Templates demo as a bug on the definition of the current date for the Scheduler:

date: new Date('2018/6/13"'),

Note the extra double quote there? It will actually break the demo in all browsers except in Chrome. Having that said, may I ask you to test the following StackBlitz sample and let me know whether you could replicate the reported problem? 

https://stackblitz.com/edit/dsjyfz?file=index.js

If the issue is present, which is the browser you are testing with? If it is not, may I ask you to modify the above, so it reproduces the problem and send it back to me? This way I will be able to troubleshoot it locally.

As a small token of gratitude for bringing the demo issue to our attention, I have updated your Telerik points.

Regards,
Veselin Tsvetanov
Progress Telerik

[Rajitha]

Hi Veselin,

the stackblitz url you given also have the same issue to replicate the issue 

1.double click on the appointment which has the name "The Perks of Being a Wallflower"

2. close the edit window

3. again double click on the same appointment

it shows the appointment description as "Fast and furious 6" 

i tested on Chrome 80 and Firefox 72 browsers and the issue is in both browsers

Thanks!

 

 

[Veselin Tsvetanov]

Hello Rajitha,

Thank you for the further info provided.

Issues as the observed would be present when no ID is assigned to the Scheduler events. To resolve that I would suggest you to pass an unique ID for each of the items in the Scheduler DataSource:

localDataSource: [{
    id: 1,
    title: "Fast and furious 6",
    image: "../content/web/scheduler/fast-and-furious.jpg",
    imdb: "http://www.imdb.com/title/tt1905041/",
    start: new Date("2018/6/13 17:00"),
    end: new Date("2018/6/13 18:30")
},

Here you will find a modified version of the StackBlitz sample implementing the above:

https://stackblitz.com/edit/dsjyfz-vaufu4?file=index.js

Regards,
Veselin Tsvetanov
Progress Telerik

[Rajitha]

Hi Veselin,

The issue is fixed now thank you so much.