New to Telerik UI for Blazor? Download Free 30-day trial
Grid - Events
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
| Product Name | Price |
|---|
| Chai | $18.00 | |||
| Chang | $19.00 | |||
| Aniseed Syrup | $10.00 | |||
| Chef Anton's Cajun Seasoning | $22.00 | |||
| Chef Anton's Gumbo Mix | $21.35 | |||
| Grandma's Boysenberry Spread | $25.00 | |||
| Uncle Bob's Organic Dried Pears | $30.00 |
CONSOLE
Clear log
On State Init event fired.
- Events.razor
- ProductService.cs
- ProductDto.cs
Loading the demo source code...please wait.
Description
The Grid exposes a wide range of events which you can use to provide some custom logic. This online demo shows a Grid with its most commonly used events set up and an event log where you can see their firing order and how they interact with each other. When the page is loaded you can see that the OnStateInit is fired. This means that the state of the component is initialized. You can also you that event to provide a custom initial state where the Grid is sorted and filtered. When you click on a row a few events are fired - the OnRowClick, the SelectedItemsChanged and the OnStateChanged in that succession. You can use the OnStateChanged event handler to save the state of the component in the LocalStorage, for example.
This Blazor Data Grid Events example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.