Pagination

TsgcHTMLComponent_Pagination — 渲染一个页面导航控件,带有上一页/下一页、首页/末页和一个滑动的页码窗口,适用于 Delphi、C++ Builder 和 .NET。

TsgcHTMLComponent_Pagination

一个导航组件,发出 Bootstrap <ul class="pagination">。为其提供当前页和总页数(或总项目数和每页条数)以及一个基础 URL,然后读取 HTML 属性。

组件类

TsgcHTMLComponent_Pagination

渲染为

Bootstrap 分页标记

语言

Delphi, C++ Builder, .NET

创建它、设置页面状态、渲染它

设置 CurrentPageTotalPages(或 TotalItems + PageSize)以及 BaseURL,然后读取 HTML

uses
  sgcHTML_Component_Pagination;

var
  oPagination: TsgcHTMLComponent_Pagination;
begin
  oPagination := TsgcHTMLComponent_Pagination.Create(nil);
  try
    oPagination.BaseURL := '/list?page=';
    oPagination.CurrentPage := 3;
    oPagination.TotalPages := 12;
    oPagination.MaxVisible := 5;
    oPagination.ShowFirstLast := True;
    oPagination.Align := paCenter;

    WebModule.Response := oPagination.HTML;   // <ul class="pagination">
  finally
    oPagination.Free;
  end;
end;
// includes: sgcHTML_Component_Pagination.hpp

TsgcHTMLComponent_Pagination *oPagination = new TsgcHTMLComponent_Pagination(NULL);
try
{
  oPagination->BaseURL = "/list?page=";
  oPagination->CurrentPage = 3;
  oPagination->TotalPages = 12;
  oPagination->MaxVisible = 5;
  oPagination->ShowFirstLast = true;
  oPagination->Align = paCenter;

  String html = oPagination->HTML;   // <ul class="pagination">
}
__finally
{
  delete oPagination;
}
using esegece.sgcWebSockets;

var pagination = new TsgcHTMLComponent_Pagination();
pagination.BaseURL = "/list?page=";
pagination.CurrentPage = 3;
pagination.TotalPages = 12;
pagination.MaxVisible = 5;
pagination.ShowFirstLast = true;
pagination.Align = TsgcHTMLPaginationAlign.paCenter;

string html = pagination.HTML;   // <ul class="pagination">

关键属性与方法

您最常使用的成员。

页面状态

CurrentPageTotalPages 直接驱动控件;或设置 TotalItemsPageSize,总数会自动为您计算。

链接

BaseURL(默认 ?page=)是每个页面链接指向的前缀,并附加页码。

窗口

MaxVisible(默认 5)限制显示多少个编号链接,围绕 CurrentPage 滑动。

边缘按钮

ShowPrevNext(默认 True)添加上一页/下一页;ShowFirstLast 添加首页/末页;两者在范围两端均禁用。

外观

Size 选择 psDefaultpsSmallpsLargeAlign 选择 paStartpaCenter(默认)或 paEndPaginationID 设置 id。

输出

HTML 返回带有分页列表的 <nav>(只有单页时为空)— 直接提供服务,或将其赋给页面模板的 BodyContent

继续探索

所有 sgcHTML 组件浏览 60 多个组件的完整功能矩阵。
下载免费试用版30 天试用版附带 60.HTML 演示项目。
价格Single、Team 和 Site 授权,均含完整源代码。

准备好开始了吗?

下载免费试用版,开始在 Delphi、C++ Builder 和 .NET 中构建 Web 界面。