Blazor Gantt Chart Example - DynamicObject Data Binding
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 |
This sample demonstrates DynamicObject data binding in the Blazor Gantt Chart. Project records are supplied at runtime without a fixed schema, making it possible to surface fields defined by the underlying dynamic model.
Core productivity features remain available while working with dynamic data. The chart supports add, update, and delete operations, full hierarchy expansion and collapse, and column sorting so that flexible data shapes can be managed with the same tools provided for strongly typed sources.
Bind a DynamicObject collection by assigning it to the
DataSource property.
Override the
GetDynamicMemberNames
method in the DynamicObject implementation to return the member names that should participate in rendering, editing, and other data operations.
For further details, refer to the documentation.