product-example 1 linked patterns checked
DevExtreme React TreeList: Keyboard Navigation Demo
Shows production TreeList keyboard behavior including Enter action execution, Tab navigation within TreeList elements, control-modified movement between header/filter/data/pager regions, and control-modified left or right expansion and collapse of the focused row.
Read with a purpose
What this source can teach
Use this source to inspect a concrete implementation and the decisions visible in its context.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Tree grid | Choose tree grid when hierarchical rows and tabular columns are both essential to the task. | The first column or row header communicates the hierarchical object name, level, expansion state, and parent-child relationship. | DevExtreme TreeList keyboard demo supports region navigation and keyboard expansion or collapse of the focused row. |
Comparisons supported by this source
- Tree grid vs data grid vs tree selection vs table
DevExtreme TreeList demo supports production keyboard behavior for region navigation and focused-row expansion or collapse.
Evidence Role
This source is treated as product-example evidence. Its value comes from the specific claims and setting described above.
Publisher: DevExpress. Last checked: .