Skip to content

Commit 7a471cc

Browse files
chore(Grid): apply suggestions
1 parent 470004a commit 7a471cc

File tree

1 file changed

+12
-2
lines changed

1 file changed

+12
-2
lines changed

knowledge-base/grid-expand-collapse-multilevel-hierarchy.md

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,21 @@ description: Learn how to implement an "Expand/Collapse All" option for a multi-
44
type: how-to
55
page_title: How to Implement Expand/Collapse All for Multi-Level Hierarchical Grid in Blazor
66
slug: grid-kb-expand-collapse-multilevel-hierarchy
7-
tags: grid, hierarchical, grid, expand, collapse, blazor, state,multilevel
7+
tags: blazor, grid, hierarchy, state
88
res_type: kb
99
ticketid: 1675753
1010
---
1111

12+
## Environment
13+
<table>
14+
<tbody>
15+
<tr>
16+
<td>Product</td>
17+
<td>Grid for Blazor</td>
18+
</tr>
19+
</tbody>
20+
</table>
21+
1222
## Description
1323

1424
In a multi-level Hierarchical Grid structure, it is common to require functionality that allows users to expand or collapse all parent, child, and grandchild rows with a single action. This article demonstrates how to implement an "Expand/Collapse All" button for a Blazor application that controls the expansion state of all rows in a three-level hierarchical grid structure: Parent Grid -> Child Grid -> Grand Child Grid.
@@ -19,7 +29,7 @@ To control the expansion and collapse of all rows in a multi-level Hierarchical
1929

2030
1. Use the [`SetStateAsync` method](slug://grid-state#methods) for the parent Grid to control the expansion and collapse of its rows.
2131
2. Use the [`OnStateInit` event](slug://grid-state#onstateinit) of the child Grids to expand their rows by default when the parent Grid rows expand.
22-
3. If some child Grids are already visible and their `OnStateInit` event has been fired, use `SetStateAsync` for these child Grids to control their expansion state.
32+
3. If some child Grids are already visible and their `OnStateInit` event has been fired, use `SetStateAsync` through their [dynamic references](slug://common-kb-dynamic-refs) to control their expansion state.
2333

2434
````RAZOR
2535
<TelerikGrid @ref="@GridRef"

0 commit comments

Comments
 (0)