BlazorPaginationComponent 1.1.0
See the version list below for details.
dotnet add package BlazorPaginationComponent --version 1.1.0
NuGet\Install-Package BlazorPaginationComponent -Version 1.1.0
<PackageReference Include="BlazorPaginationComponent" Version="1.1.0" />
paket add BlazorPaginationComponent --version 1.1.0
#r "nuget: BlazorPaginationComponent, 1.1.0"
// Install BlazorPaginationComponent as a Cake Addin
#addin nuget:?package=BlazorPaginationComponent&version=1.1.0
// Install BlazorPaginationComponent as a Cake Tool
#tool nuget:?package=BlazorPaginationComponent&version=1.1.0
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.1.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.
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net5.0 was computed. net5.0-windows was computed. net6.0 was computed. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
.NET Core | netcoreapp2.0 was computed. netcoreapp2.1 was computed. netcoreapp2.2 was computed. netcoreapp3.0 was computed. netcoreapp3.1 was computed. |
.NET Standard | netstandard2.0 is compatible. netstandard2.1 was computed. |
.NET Framework | net461 was computed. net462 was computed. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed. |
MonoAndroid | monoandroid was computed. |
MonoMac | monomac was computed. |
MonoTouch | monotouch was computed. |
Tizen | tizen40 was computed. tizen60 was computed. |
Xamarin.iOS | xamarinios was computed. |
Xamarin.Mac | xamarinmac was computed. |
Xamarin.TVOS | xamarintvos was computed. |
Xamarin.WatchOS | xamarinwatchos was computed. |
-
.NETStandard 2.0
- Microsoft.AspNetCore.Blazor.HttpClient (>= 3.0.0-preview8.19405.7)
- Microsoft.AspNetCore.Components (>= 3.0.0-preview8.19405.7)
- Microsoft.AspNetCore.Components.Web (>= 3.0.0-preview8.19405.7)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.