Example of DynamicObject Binding in Blazor Gantt Chart Component
This sample explains the usage of DynamicObject data binding with CRUD operations and sorting functionalities in the Gantt component.
Task ID | Task Name | Start Date | Duration | Progress |
|---|
| 1 | Parent task 1 | 1/11/2021 | 6 days | 40 |
| 2 | Child task 1 | 1/11/2021 | 6 days | 40 |
| 3 | Child task 2 | 1/11/2021 | 3 days | 40 |
| 4 | Child task 3 | 1/11/2021 | 6 days | 40 |
| 5 | Parent task 2 | 1/11/2021 | 6 days | 40 |
| 6 | Child task 4 | 1/11/2021 | 3 days | 40 |
| 7 | Child task 5 | 1/11/2021 | 6 days | 40 |
| 8 | Child task 6 | 1/11/2021 | 6 days | 40 |
| 9 | Parent task 3 | 1/11/2021 | 6 days | 40 |
| 10 | Child task 7 | 1/11/2021 | 6 days | 40 |
| 11 | Child task 8 | 1/11/2021 | 6 days | 40 |
| 12 | Child task 9 | 1/11/2021 | 3 days | 40 |
| 13 | Parent task 4 | 1/11/2021 | 6 days | 40 |
| 14 | Child task 10 | 1/11/2021 | 6 days | 40 |
| 15 | Child task 11 | 1/11/2021 | 3 days | 40 |
| 16 | Child task 12 | 1/11/2021 | 6 days | 40 |
| 17 | Parent task 5 | 1/11/2021 | 6 days | 40 |
| 18 | Child task 13 | 1/11/2021 | 3 days | 40 |
| 19 | Child task 14 | 1/11/2021 | 6 days | 40 |
| 20 | Child task 15 | 1/11/2021 | 6 days | 40 |
Jan 04, 2021 | Jan 10, 2021 | Jan 17, 2021 | Jan 24, 2021 | Jan 31, 2021 | Feb 07, 2021 | Feb 14, 2021 | Feb 21, 2021 | Feb 28, 2021 |
M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S |
DynamicObject can be bound to Gantt by assigning to the DataSource property.
The GetDynamicMemberNames method of the DynamicObject class must be overridden and return the property names to render and perform data operations, editing, etc. while using DynamicObject.
More information on the DynamicObject data binding can be found in this documentation section.