You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This example prevents appointment time conflicts in DevExtreme Scheduler. Use the **Allow Overlapping Appointments** select-box to select a time conflict resolution mode.
1
+
This example addresses appointment time conflicts when using the DevExtreme Scheduler. Use the **Allow Overlapping Appointments** select-box to select a desired time conflict resolution mode.
2
2
<!--split-->
3
3
4
4
### Detect Conflicts
5
5
6
-
Handle the [onAppointmentAdding](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#onAppointmentAdding) and [onAppointmentUpdating](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#onAppointmentUpdating) events to check if a new or updated appointment creates a time conflict. Set `e.cancel = true` to block the operation if necessary.
6
+
Handle the [onAppointmentAdding](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#onAppointmentAdding) and [onAppointmentUpdating](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#onAppointmentUpdating) events to check if a new or updated appointment creates a time conflict. Set `e.cancel = true` to block the operation when necessary.
7
7
8
-
Call [getOccurrences](/Documentation/ApiReference/UI_Components/dxScheduler/Methods/#getOccurrences) to expand [recurring appointments](/Documentation/Guide/UI_Components/Scheduler/Appointments/Appointment_Types/#Recurring_Appointments) into individual occurrences within the target range. Check for overlapping time ranges.
8
+
Call [getOccurrences](/Documentation/ApiReference/UI_Components/dxScheduler/Methods/#getOccurrences) to expand [recurring appointments](/Documentation/Guide/UI_Components/Scheduler/Appointments/Appointment_Types/#Recurring_Appointments) into individual occurrences within the target range. Check for overlapping time range values.
9
9
10
10
### Conflict Detection Modes
11
11
12
-
The demo supports two modes:
12
+
The demo implements the following detection modes:
13
13
14
14
-**Different Resources**: appointments assigned to different resources (assignees) can overlap.
15
15
-**Never**: overlapping appointments are not allowed, regardless of resource assignment.
@@ -18,9 +18,9 @@ To implement resource-aware checks, access appointments and compare their `assig
18
18
19
19
### Display Errors
20
20
21
-
When a conflict is detected, the demo displays the error in the following ways:
21
+
When a conflict is detected, the demo displays the error as follows:
22
22
23
23
- A message box.
24
24
- An inline validation message (if an appointment edit form is active).
25
25
26
-
To display inline validation, configure a custom form item inside [editing.form](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/editing/form/) and use the `customizeItem` function to attach custom `validationRules` to the time editors.
26
+
To display inline validation, configure a custom form item inside [editing.form](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/editing/form/) and use the `customizeItem` function to attach custom `validationRules` to time editors.
0 commit comments