ant-design-blazor/components/pagination/PaginationItem.razor
2020-05-29 00:33:49 +08:00

59 lines
1.8 KiB
C#

@namespace AntDesign
@inherits AntDomComponentBase
<li class="@ClassMapper.Class" style="@Style" @ref="Ref" title="@_title" id="@Id" @onclick="ClickItem" @key="Key">
@if (_itemRender != null)
{
@_itemRender(ItemRenderContext)
}
else
{
@_renderItemTemplate(ItemRenderContext)
}
</li>
@code {
private readonly RenderFragment<PaginationItemRenderContext> _renderItemTemplate = (context) =>
@<Template>
@{
var type = context.Type;
var page = context.Page;
}
@if (type == "page")
{
<a>@(page)</a>
}
else
{
<a class="ant-pagination-item-link">
@switch (type)
{
case "prev":
<AntIcon Type="left"></AntIcon>
break;
case "next":
<AntIcon Type="right"></AntIcon>
break;
default:
<div class="ant-pagination-item-container">
@if (type == "prev_5")
{
<AntIcon Type="double-left" Class="ant-pagination-item-link-icon"></AntIcon>
}
else if (type == "next_5")
{
<AntIcon Type="double-right" Class="ant-pagination-item-link-icon"></AntIcon>
}
<span class="ant-pagination-item-ellipsis"></span>
</div>
break;
}
</a>
}
</Template>;
}