37 lines
1.1 KiB
Plaintext
37 lines
1.1 KiB
Plaintext
<div class="pagination">
|
|
<div>
|
|
<label>@IndexInfo</label>
|
|
</div>
|
|
<MudPagination ShowFirstButton="true" ShowLastButton="true" Count="@((int)Math.Ceiling((decimal)TotalItems / (decimal)PageSize))" Selected="@PageNumber" SelectedChanged="OnSelectedChanged" />
|
|
</div>
|
|
|
|
@code {
|
|
[Parameter]
|
|
public int PageNumber { get; set; }
|
|
|
|
[Parameter]
|
|
public EventCallback<int> PageNumberChanged { get; set; }
|
|
|
|
[Parameter]
|
|
public int PageSize { get; set; }
|
|
|
|
[Parameter]
|
|
public EventCallback<int> PageSizeChanged { get; set; }
|
|
|
|
[Parameter]
|
|
public int TotalItems { get; set; }
|
|
|
|
[Parameter]
|
|
public EventCallback<int> TotalItemsChanged { get; set; }
|
|
|
|
public string IndexInfo => TotalItems == 0 ? "No items" : $"{StartIndex.ToString("n0")} - {EndIndex.ToString("n0")} of {TotalItems.ToString("n0")} items";
|
|
|
|
public int StartIndex => (PageNumber - 1) * PageSize + 1;
|
|
public int EndIndex => PageNumber * PageSize < TotalItems ? PageNumber * PageSize : TotalItems;
|
|
|
|
private async Task OnSelectedChanged(int newPage)
|
|
{
|
|
PageNumber = newPage;
|
|
await PageNumberChanged.InvokeAsync(newPage);
|
|
}
|
|
} |