New to Telerik UI for Blazor? Download Free 30-day trial

Grid - Observable Data

Configurator

Add a forecast to the Grid

Remove a forecast from the Grid

1/2/2021 12:00:00 AM 3.30 -12.00 5.50 0.00 7.20
1/3/2021 12:00:00 AM 5.20 -10.00 8.10 0.00 5.10
1/4/2021 12:00:00 AM 3.20 -8.00 8.10 0.00 4.10
1/5/2021 12:00:00 AM 11.00 -7.00 24.50 0.00 3.10
1/6/2021 12:00:00 AM 9.00 0.00 21.70 1.80 6.20
1/7/2021 12:00:00 AM 2.00 -1.00 21.70 19.70 14.10
  • Observable-data.razor
  • WeatherService.cs
  • WeatherDto.cs
Loading the demo source code...please wait.

Description

This demo shows the capabilities of the Grid to bind its Data parameter to a collection that implements INotifyCollectionChanged. An example of such data source would be the ObservableCollection. The INotifyCollectionChanged interface provides a CollectionChanged event which fires when changes are applied to the collection. The Grid is aware of this event and will automatically reflect the changes.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.
Reload