When implementing your example of restrictions (https://www.telerik.com/kendo-vue-ui/components/scheduler/restrictions/) without putting the methods inside the "new Vue" object, the restrictions are not working correctly.
Please find attached code where the restriction logic is put inside a .js file instead and registered as a vue component.
Step 1: Move "Call Charlie" to the same place as "Performance Review" - it pops up with an alert.
Step 2: Now move "Performance Review".
As you can see, the "Call Charlie" ends up getting updated to the place where it was moved to as part of step 1, so the event data was seemingly updated without it reflected in the rendering. Then when moving "Performance Review" both "Call Charlie" and "Performance Review" are updated..
2 Answers, 1 is accepted
Rank 1
example:
https://qfvpc9.run.stackblitz.io
Here you will find a CodeSandBox sample, which implements the Scheduler logic in a separate component. As you can see the restrictions work as expected. What I have changed compared to the implementation suggested in our demo was to remove the capital letters from the @moveEnd and @resizeEnd. Using capital letters in this case would result in issues as the described.
As a small token of gratitude for bringing this demo issue to our attention, I have updated your Telerik points.
Regards,
Veselin Tsvetanov
Progress Telerik