ブレージョーコンポーネントページング

Question

私はBlazorアプリケーションに取り組んでおり、記録のリストを表示している（エンティティフレームワークエンティティからの検索）、コンポーネント上でページングを実装するための最善かつ最も簡単な方法を知っていました。

どんな助けにも感謝されるでしょう。

Answer 1

Blazorでは、MVCのようにページに渡すことができます。

非常に単純なサンプルの場合は、FetchData.razorに次の変更を加えます。

@page "/fetchdata"
@page "/fetchdata/{PageNumber:int}"

... the HTML for the table...

<div>
    @for (int i = 1; i <= 5; i++)
    {
        <span><a href="fetchdata/@i"> @i </a>|</span>         
    }
</div>

@code {

    [Parameter]
    public int PageNumber { get; set; }

    private WeatherForecast[] forecasts;

    protected override async Task OnParametersSetAsync()
    {
        if (PageNumber < 1) PageNumber = 1;

        // adapt the service to take pageIndex, pageSize
        forecasts = await ForecastService.GetForecastAsync(PageNumber-1, 5);
    }
}
 _

ポケットベルは非常に粗いです.5。「Blazor Pager Component」のためのGoogleの大部分のマークアップとロジックの大部分ができるコンポーネントがあります。私は見つけました これは かなり早く。