Blazor Gantt Chart Example - State Persistence
ID Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu | Name Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu | Start Date Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu | End Date Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu | Duration Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu | Dependency Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu | Progress Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu |
|---|
| No records to display |
Mar 25, 2021 | Mar 28, 2021 | Apr 04, 2021 | Apr 11, 2021 | Apr 18, 2021 | Apr 25, 2021 | May 02, 2021 | May 09, 2021 | May 16, 2021 | May 23, 2021 | May 30, 2021 | Jun 06, 2021 | Jun 13, 2021 | Jun 20, 2021 | Jun 27, 2021 | Jul 04, 2021 | Jul 11, 2021 |
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 | 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 |
This sample demonstrates the state management feature in the Blazor Gantt Chart. It allows saving the current chart configuration in the browser’s local storage so that settings are retained even after refreshing the page.
In this example, the Gantt Chart state is saved, reset, and reloaded to demonstrate how state management works. The chart can be refreshed to its original configuration or loaded with a previously saved state from the browser’s local storage.
The following Gantt areas are persisted:
- Grid: Sorting, filtering, column state (resize, reorder, show/hide), searching, and TreeColumnIndex.
- Splitter: Splitter position and collapsible state.
- Chart: Time span and zooming level.
This feature helps maintain a consistent experience across sessions by preserving layout and configuration preferences.
Additionally the toolbar provides the zooming operations, enabling interactive task management.
For further details, refer to the documentation.