2

リストと編集ページを備えた Blazor WebAssembly アプリがあります。

エンティティのリストを表示し、NavLink コンポーネントを使用して編集するエンティティをクリックすると、ページが読み込まれるまでブラウザが編集ページに移動し、Loader コンポーネントが表示されます。

それはうまくいきます。

[編集] ページで [保存] をクリックし、成功した場合は [リスト] ページに戻ります。

private async Task OnValidSubmitAsync()
{
    this.IsBusy = true;

    var @event =
        await this.EventService.UpdateByIdAsync(
            this.Id,
            this.EventUpdateOptions);

    this.IsBusy = false;

    this.NavigationManager.NavigateTo($"/teams/{this.Event.Team.Id}/events");
}

私が期待しているのは、List ページに移動し、Loader コンポーネントを再度表示して、List ページをレンダリングすることです。

リストページがレンダリングされるまで編集ページに留まり、ローダーコンポーネントが表示されず、ユーザーには編集ページにぶら下がっているように見えます。

OnValidateSubmitAsync回避策は、エンティティの保存が完了した後で、ローダーを に表示することです。

私は Blazor を初めて使用していますが、まだページのライフ サイクルを下げているため、私のアプローチが間違っている可能性があります。ここで何が起こっているのか、そしてリストページをローダーで強制的に表示する方法があるかどうかについて少し混乱しています。

うまくいけば、それはある程度の意味がありました。

4

1 に答える 1