Problem with DataGrid's Reload()

Radzen.Blazor Components
1

Upon initializing DataGrid displays all the test data as shown below:

image
image1569×192 12.3 KB

The DataGrid is defined as below:

<RadzenDataGrid
  @ref                    ="@_grid"
  AllowFiltering          ="true"
  AllowRowSelectOnRowClick="true"
  FilterMode              ="FilterMode.Advanced"
  Data                    ="@Presenter?.Parts"
  RowDeselect             ="OnRowDeselect"
  RowSelect               ="OnRowSelect"
  SelectionMode           ="DataGridSelectionMode.Multiple"
  TItem                   ="Part">

Presenter.Parts is simply a List. Again, after the initialization, the grid is displaying fine.

Then I proceed to delete one of the rows by removing an element from Presenter.Part.

Parts?.RemoveAll(p => parts.Contains(p));

After that, I invoke the Reload() and StateHasChanged().

_grid?.Reload();
InvokeAsync(StateHasChanged);

This is when the grid gets "out-of-sync".

The Parts property has count of 3.

image
image699×171 10.3 KB

But somehow, _view of the DataGrid only has 2.

image
image720×68 4.89 KB

What am I missing? As always, thank you!

2

You need to change the reference otherwise the DataGrid will not know that Presenter.Parts has changed. Something like

Presenter.Parts = Presenter.Parts.ToList();

1 Like
3

For the folks who might be looking at this,

I used:

_grid.Data = Presenter?.Parts?.ToList();

This is done before the Reload().

4

@jwu How to keep the row expanded after delete or add?