OnAfterRender OnAfterRenderAsync in Blazor Component (Radzen)

user_11034106 0
Viewed 1108

I have a list of users and I want to show the number of the list in RadzenTextBox. something like this:

<RadzenTextBox @bind-Value=@total Style="width: 80px; text-align: right" Change=@(args => OnChange(args)) />

So @total is the number of users and I set it in OnInitialized()

Then I add one user to the list and I set @total again in OnAfterRender() or OnAfterRenderAsync(). @total was changed (I console in OnAfterRender() ) but my view dont re-render.

It only renders when I add the second time. I dont know why

blazor-server-side blazor c#
1 Answers

Problem is that when you set total in OnAfterRender (it is literally after render), the component does not know that state was changed again and will not reflect total's new value.

It explains why total is always 1 "render" behind.

To solve that, you can:

  • set total in OnParametersSet(Async) or during EventCallback
  • after you set total, call StateHasChanged()

Note: You can call StateHasChanged() even in OnAfterRender though I do recommend avoiding that unless there is no other option.

I also recommend checking this brilliant poster by @RobertHaken, which explains everything.

user_62761100
Related