mirror of
https://gitee.com/ant-design-blazor/ant-design-blazor.git
synced 2024-12-02 03:57:38 +08:00
6cd8482292
* 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>
139 lines
3.5 KiB
C#
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();
|
|
}
|
|
}
|
|
}
|