| title | page_title | description | slug | canonicalLink | position |
|---|---|---|---|---|---|
Restrictions |
Restrictions - Scheduler - Kendo UI for Vue |
Handle the events of the Kendo UI Scheduler for Vue and implement custom restrictions. |
restriction_scheduler_wrapper |
5 |
You can implement custom restrictions in the Scheduler by handling its events.
The following example demonstrates how to restrict the events and better control the resources. You can prevent the drag and resize capabilities of the appointments, and also control the creation of new events and the modification of existing events.
For example, if you double-click Call Charlie about the project, change the attendee to Bob and click Save. As a result, the This person is not available in this time period. error will be thrown. If you change the start date of the HR Lecture to 10:30 AM, the This person is not available in this time period. error will be thrown. The logic which enforces the restrictions in the following example resides in the resize, move, add, and save event handlers of the scheduler.
{% meta height:665 %} {% embed_file restrictions/main.vue preview %} {% embed_file restrictions/main.js %} {% endmeta %}