BlazorPaginationComponent 1.0.0
See the version list below for details.
dotnet add package BlazorPaginationComponent --version 1.0.0
NuGet\Install-Package BlazorPaginationComponent -Version 1.0.0
<PackageReference Include="BlazorPaginationComponent" Version="1.0.0" />
paket add BlazorPaginationComponent --version 1.0.0
#r "nuget: BlazorPaginationComponent, 1.0.0"
// Install BlazorPaginationComponent as a Cake Addin
#addin nuget:?package=BlazorPaginationComponent&version=1.0.0
// Install BlazorPaginationComponent as a Cake Tool
#tool nuget:?package=BlazorPaginationComponent&version=1.0.0
BlazorPaginationExample
Example for using the BlazorPaginationComponent nuget package 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.0.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>
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.