Blazor Gantt Chart Example - DynamicObject Data Binding
This sample explains the usage of DynamicObject data binding with CRUD operations and sorting functionalities in the Gantt component.
Task ID Press Enter to sort | Task Name Press Enter to sort | Start Date Press Enter to sort | Duration Press Enter to sort | Progress Press Enter to sort |
---|
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.