From 55ac7a04708599a74e00a55baefbe90cd0e5e986 Mon Sep 17 00:00:00 2001 From: Vlada Skorokhodova <94827090+vladaskorohodova@users.noreply.github.com> Date: Thu, 10 Sep 2026 15:50:12 +0400 Subject: [PATCH 1/4] Scheduler: add Multilevel Grouping demo description --- .../Scheduler/MultilevelGrouping/description.md | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 apps/demos/Demos/Scheduler/MultilevelGrouping/description.md diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md b/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md new file mode 100644 index 000000000000..08416089c392 --- /dev/null +++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md @@ -0,0 +1,12 @@ +The DevExtreme Scheduler supports multilevel resource grouping to organize appointments in a hierarchy. In this demo, employees are grouped by room, so you can view each employee's schedule within their assigned room. + + +To configure multilevel grouping: + +- Include parent and child records in the resource's [dataSource](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#dataSource). This demo uses rooms as parents and employees as children. +- Set [parentIdExpr](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#parentIdExpr) to the field that links each child to its parent. Each employee's `parentId` references a room's `id`. +- Set the resource's [fieldExpr](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#fieldExpr) to the appointment field that stores resource IDs, and add that field to the Scheduler’s [groups](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#groups) array. This demo uses `assigneeId`. + +Switch between **Vertical Grouping** and **Horizontal Grouping** to change the layout. Each view specifies a [groupOrientation](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#groupOrientation). + +The demo also customizes the appointment form with [onAppointmentFormOpening](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#onAppointmentFormOpening). Select a room to filter the employee list, then assign one or more employees to the appointment. The resource's [allowMultiple](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#allowMultiple) property enables multiple employee selection. \ No newline at end of file From e8c7e8ca24279c7193b4a7fe2923441cfcc87390 Mon Sep 17 00:00:00 2001 From: Vlada Skorokhodova <94827090+vladaskorohodova@users.noreply.github.com> Date: Thu, 10 Sep 2026 15:56:34 +0400 Subject: [PATCH 2/4] Apply suggestions from validate-content --- .../Scheduler/MultilevelGrouping/description.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md b/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md index 08416089c392..20989f725cf3 100644 --- a/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md +++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md @@ -1,12 +1,12 @@ -The DevExtreme Scheduler supports multilevel resource grouping to organize appointments in a hierarchy. In this demo, employees are grouped by room, so you can view each employee's schedule within their assigned room. +The DevExtreme Scheduler supports multilevel resource grouping to organize appointments in a hierarchy. The Scheduler groups employees by room in this demo, so you can view each employee's schedule within their assigned room. -To configure multilevel grouping: +Follow these steps to configure multilevel grouping: -- Include parent and child records in the resource's [dataSource](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#dataSource). This demo uses rooms as parents and employees as children. -- Set [parentIdExpr](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#parentIdExpr) to the field that links each child to its parent. Each employee's `parentId` references a room's `id`. -- Set the resource's [fieldExpr](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#fieldExpr) to the appointment field that stores resource IDs, and add that field to the Scheduler’s [groups](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#groups) array. This demo uses `assigneeId`. +- Include parent and child records in the resource's [`dataSource`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#dataSource). This demo uses rooms as parents and employees as children. +- Set [`parentIdExpr`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#parentIdExpr) to the field that links each child to its parent. Each employee's `parentId` references a room's `id`. +- Set the resource's [`fieldExpr`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#fieldExpr) to the appointment field that stores resource IDs, and add that field to the Scheduler’s [`groups`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#groups) array. This demo uses `assigneeId`. -Switch between **Vertical Grouping** and **Horizontal Grouping** to change the layout. Each view specifies a [groupOrientation](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#groupOrientation). +Switch between **Vertical Grouping** and **Horizontal Grouping** to change the layout. Each view sets the [`groupOrientation`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#groupOrientation) property to control the layout. -The demo also customizes the appointment form with [onAppointmentFormOpening](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#onAppointmentFormOpening). Select a room to filter the employee list, then assign one or more employees to the appointment. The resource's [allowMultiple](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#allowMultiple) property enables multiple employee selection. \ No newline at end of file +The demo also customizes the appointment form in the [`onAppointmentFormOpening`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#onAppointmentFormOpening) handler. Select a room to filter the employee list, then assign one or more employees to the appointment. The resource's [`allowMultiple`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#allowMultiple) property enables multiple employee selection. From 0b3d998a04cdba4c0ddfb6decf989650161feeab Mon Sep 17 00:00:00 2001 From: Vlada Skorokhodova <94827090+vladaskorohodova@users.noreply.github.com> Date: Thu, 10 Sep 2026 16:00:20 +0400 Subject: [PATCH 3/4] Link fix --- apps/demos/Demos/Scheduler/MultilevelGrouping/description.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md b/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md index 20989f725cf3..262a62038776 100644 --- a/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md +++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md @@ -7,6 +7,6 @@ Follow these steps to configure multilevel grouping: - Set [`parentIdExpr`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#parentIdExpr) to the field that links each child to its parent. Each employee's `parentId` references a room's `id`. - Set the resource's [`fieldExpr`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#fieldExpr) to the appointment field that stores resource IDs, and add that field to the Scheduler’s [`groups`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#groups) array. This demo uses `assigneeId`. -Switch between **Vertical Grouping** and **Horizontal Grouping** to change the layout. Each view sets the [`groupOrientation`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#groupOrientation) property to control the layout. +Switch between **Vertical Grouping** and **Horizontal Grouping** to change the layout. Each view sets the [`groupOrientation`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/views/#groupOrientation) property to control the layout. The demo also customizes the appointment form in the [`onAppointmentFormOpening`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#onAppointmentFormOpening) handler. Select a room to filter the employee list, then assign one or more employees to the appointment. The resource's [`allowMultiple`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#allowMultiple) property enables multiple employee selection. From 2e7210e58851d145d86098acd11a9bab9abb1b8f Mon Sep 17 00:00:00 2001 From: Vlada Skorokhodova <94827090+vladaskorohodova@users.noreply.github.com> Date: Thu, 10 Sep 2026 16:01:45 +0400 Subject: [PATCH 4/4] Remove backticks from links --- .../Demos/Scheduler/MultilevelGrouping/description.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md b/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md index 262a62038776..14db98e9a63b 100644 --- a/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md +++ b/apps/demos/Demos/Scheduler/MultilevelGrouping/description.md @@ -3,10 +3,10 @@ The DevExtreme Scheduler supports multilevel resource grouping to organize appoi Follow these steps to configure multilevel grouping: -- Include parent and child records in the resource's [`dataSource`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#dataSource). This demo uses rooms as parents and employees as children. -- Set [`parentIdExpr`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#parentIdExpr) to the field that links each child to its parent. Each employee's `parentId` references a room's `id`. -- Set the resource's [`fieldExpr`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#fieldExpr) to the appointment field that stores resource IDs, and add that field to the Scheduler’s [`groups`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#groups) array. This demo uses `assigneeId`. +- Include parent and child records in the resource's [dataSource](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#dataSource). This demo uses rooms as parents and employees as children. +- Set [parentIdExpr](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#parentIdExpr) to the field that links each child to its parent. Each employee's `parentId` references a room's `id`. +- Set the resource's [fieldExpr](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#fieldExpr) to the appointment field that stores resource IDs, and add that field to the Scheduler’s [groups](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#groups) array. This demo uses `assigneeId`. -Switch between **Vertical Grouping** and **Horizontal Grouping** to change the layout. Each view sets the [`groupOrientation`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/views/#groupOrientation) property to control the layout. +Switch between **Vertical Grouping** and **Horizontal Grouping** to change the layout. Each view sets the [groupOrientation](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/views/#groupOrientation) property to control the layout. -The demo also customizes the appointment form in the [`onAppointmentFormOpening`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#onAppointmentFormOpening) handler. Select a room to filter the employee list, then assign one or more employees to the appointment. The resource's [`allowMultiple`](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#allowMultiple) property enables multiple employee selection. +The demo also customizes the appointment form in the [onAppointmentFormOpening](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#onAppointmentFormOpening) handler. Select a room to filter the employee list, then assign one or more employees to the appointment. The resource's [allowMultiple](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/resources/#allowMultiple) property enables multiple employee selection.