BlazorPaginationComponent 1.2.0

Package Description

Install-Package BlazorPaginationComponent -Version 1.2.0
dotnet add package BlazorPaginationComponent --version 1.2.0
<PackageReference Include="BlazorPaginationComponent" Version="1.2.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add BlazorPaginationComponent --version 1.2.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

BlazorPaginationExample

Example for using the BlazorPaginationComponent nuget package can be found here .

The code of the component can be found here.

Install the BlazorPaginationComponent

The NuGet package can be installed from NuGet or by using the following command in the Package Manager Consol: Install-Package BlazorPaginationComponent -Version 1.2.0

Import the component

Add @using BlazorPaginationComponent to the _Imports file in the root folder.

Define your custom page model

public class PageModel<T>
{
    public IList<T> Entities { get; set; }

    public PaginationModel PaginationModel { get; set; }
}

public class PaginationModel
{
    public int TotalItems { get; set; }
    public int CurrentPage { get; set; }
    public int PageSize { get; set; }
}

Define the CallBack for the OnPageChange event

The BlazorPaginationComponent defines an EvenCallback<int> called OnPageChange. This will fire each time the user selects a new page. In your component you should define the logic which has to be executed when the user selects a new page.

For example:

public async Task LoadPage(int page)
{
    this.PageModel = await await this._httpClient.GetJsonAsync<PageModel<T>>('url');
}

Use the component

<div class>
    <PaginationComponent TotalItems="@PageModel.PaginationModel.TotalItems"
                         CurrentPage="@PageModel.PaginationModel.CurrentPage"
                         PageSize="@PageModel.PaginationModel.PageSize"
                         OnePageChange="LoadPage"></PaginationComponent>
</div>

Note: You can use the CustomClass parameter of the component to change the style of the page buttons.

Fixes

Correct typos: OnePageChange renamed to OnPageChange.

BlazorPaginationExample

Example for using the BlazorPaginationComponent nuget package can be found here .

The code of the component can be found here.

Install the BlazorPaginationComponent

The NuGet package can be installed from NuGet or by using the following command in the Package Manager Consol: Install-Package BlazorPaginationComponent -Version 1.2.0

Import the component

Add @using BlazorPaginationComponent to the _Imports file in the root folder.

Define your custom page model

public class PageModel<T>
{
    public IList<T> Entities { get; set; }

    public PaginationModel PaginationModel { get; set; }
}

public class PaginationModel
{
    public int TotalItems { get; set; }
    public int CurrentPage { get; set; }
    public int PageSize { get; set; }
}

Define the CallBack for the OnPageChange event

The BlazorPaginationComponent defines an EvenCallback<int> called OnPageChange. This will fire each time the user selects a new page. In your component you should define the logic which has to be executed when the user selects a new page.

For example:

public async Task LoadPage(int page)
{
    this.PageModel = await await this._httpClient.GetJsonAsync<PageModel<T>>('url');
}

Use the component

<div class>
    <PaginationComponent TotalItems="@PageModel.PaginationModel.TotalItems"
                         CurrentPage="@PageModel.PaginationModel.CurrentPage"
                         PageSize="@PageModel.PaginationModel.PageSize"
                         OnePageChange="LoadPage"></PaginationComponent>
</div>

Note: You can use the CustomClass parameter of the component to change the style of the page buttons.

Fixes

Correct typos: OnePageChange renamed to OnPageChange.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version History

Version Downloads Last updated
1.2.0 137 9/6/2019
1.1.0 98 9/6/2019
1.0.0 100 9/6/2019