ant-design-blazor/components/table/Table.razor.Pagination.cs
anranruye 6cd8482292 fix(module: table): add RemoteDataSource (#1558)
* feat(module:table): add PaginationMode parameter

* fix(module:table): fix pagination

* docs(module:table): add doc for PaginationMode attribute

* add a demo file

* docs(module:table): add demo for pagination mode

* feat(module:table): add RemoteDataSource property

* delete the demo for PaginationMode

* Update Table.razor.cs

* add `ajax` demo

* Update ajax.md

* Update Ajax.razor

* fix demo

* clear demo

* fotmat demo

* delete StateHasChanged

Co-authored-by: ElderJames <shunjiey@hotmail.com>
2021-06-15 16:13:06 +08:00

139 lines
3.5 KiB
C#

using System.Text.RegularExpressions;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Components;
namespace AntDesign
{
public partial class Table<TItem> : ITable
{
[Parameter]
public bool HidePagination { get; set; }
/// <summary>
/// topLeft | topCenter | topRight |bottomLeft | bottomCenter | bottomRight
/// </summary>
[Parameter]
public string PaginationPosition
{
get => _paginationPosition;
set
{
_paginationPosition = value;
InitializePagination();
}
}
[Parameter]
public RenderFragment PaginationTemplate { get; set; }
[Parameter]
public int Total { get; set; }
[Parameter]
public EventCallback<int> TotalChanged { get; set; }
[Parameter]
public int PageIndex
{
get => _pageIndex;
set
{
if (_pageIndex != value)
{
_pageIndex = value;
_waitingReloadAndInvokeChange = true;
}
}
}
[Parameter]
public EventCallback<int> PageIndexChanged { get; set; }
[Parameter]
public int PageSize
{
get => _pageSize;
set
{
if (_pageSize != value)
{
_pageSize = value;
_waitingReloadAndInvokeChange = true;
}
}
}
[Parameter]
public EventCallback<int> PageSizeChanged { get; set; }
[Parameter]
public EventCallback<PaginationEventArgs> OnPageIndexChange { get; set; }
[Parameter]
public EventCallback<PaginationEventArgs> OnPageSizeChange { get; set; }
private int _total;
private int _dataSourceCount;
private string _paginationPosition = "bottomRight";
private string _paginationClass;
private int _pageIndex = 1;
private int _pageSize = 10;
private void InitializePagination()
{
_paginationClass = $"ant-table-pagination ant-table-pagination-{Regex.Replace(_paginationPosition, "bottom|top", "").ToLowerInvariant()}";
}
private async Task HandlePageChange(PaginationEventArgs args)
{
if (_pageIndex != args.Page)
{
await HandlePageIndexChange(args);
}
if (_pageSize != args.PageSize)
{
await HandlePageSizeChange(args);
}
}
private async Task HandlePageIndexChange(PaginationEventArgs args)
{
_pageIndex = args.Page;
if (PageIndexChanged.HasDelegate)
{
await PageIndexChanged.InvokeAsync(args.Page);
}
if (OnPageIndexChange.HasDelegate)
{
await OnPageIndexChange.InvokeAsync(args);
}
ReloadAndInvokeChange();
StateHasChanged();
}
private async Task HandlePageSizeChange(PaginationEventArgs args)
{
_pageSize = args.PageSize;
if (PageSizeChanged.HasDelegate)
{
await PageSizeChanged.InvokeAsync(args.PageSize);
}
if (OnPageSizeChange.HasDelegate)
{
await OnPageSizeChange.InvokeAsync(args);
}
ReloadAndInvokeChange();
StateHasChanged();
}
}
}