How do I restart a component in a Blazor page

Question

I have a Syncfusion SfDialog in my code and I need the component in the content to restart every time the dialog is open. So far I have tried this:

            <SfDialog Visible="_dialogTripRunAutoRoute" Width="75%" ShowCloseIcon="true" IsModal="true" AllowPrerender="true">
                <DialogEvents Closed="@CloseDialogTripRunAutoRoute"></DialogEvents>
                <DialogTemplates>
                    <Content>                   
                        @_tripRunAutoRoute
                        </Content>
                </DialogTemplates>
                <DialogPositionData X="center" Y="top"></DialogPositionData>
            </SfDialog>

---

    private async Task ToggleDialogTripRunAutoRoute(){


        _tripRunAutoRoute = new TripRunAutoRoute();
        _tripRunAutoRoute.ModelTripRun = TripOps.TripRunAutoRouteFormModel;
        await InvokeAsync(StateHasChanged);
        _dialogTripRunAutoRoute = !_dialogTripRunAutoRoute;
    }

The result is

Answer 1

You can use the Opened and Closed event of the Dialog control to re render your component added in the Dialog content. Refer the API and code below,

<div class=" col-lg-8 control-section sb-property-border" id="target" style="height:350px;">
<div>
    @if (this.ShowButton)
    {
        <button class="e-btn" @onclick="@OnBtnClick">Open</button>
    }
</div>
<SfDialog Width="335px" IsModal="true" @bind-Visible="Visibility" AllowPrerender="true" CssClass="dialog-medium">
    <DialogTemplates>
        <Header> Software Update </Header>
        <Content>
            @if(DialogBool)
            {
                @DialogContent
                <div>@count</div>
            }
           
        </Content>
    </DialogTemplates>
    <DialogButtons>
        <DialogButton Content="OK" IsPrimary="true" OnClick="@DlgButtonClick" />
    </DialogButtons>
    <DialogEvents OnOpen="@DialogOpen" Closed="@DialogClose"></DialogEvents>
    <DialogAnimationSettings Effect="@DialogEffect.None"></DialogAnimationSettings>
</SfDialog>

@code {

SfCheckBox<bool> CheckboxObj;
public int count { get; set; } = 0;
public bool DialogBool { get; set; } = false;
public string DialogContent { get; set; } = "";
private bool Visibility { get; set; } = true;
private bool ShowButton { get; set; } = false;
private void DialogOpen(Object args)
{
    this.ShowButton = false;
    DialogBool = true;

}
private void DialogClose(Object args)
{
    this.ShowButton = true;
    DialogBool = false;
}
private void OnBtnClick()
{
    this.Visibility = true;
    DialogContent = "content added";
    count++;
}
private void DlgButtonClick()
{
    this.Visibility = false;
}   

}

API Link: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Popups.DialogEvents.html#Syncfusion_Blazor_Popups_DialogEvents_Opened