Pagination
TsgcHTMLComponent_Pagination — Delphi、C++ Builder、.NET で、前へ/次へ、最初/最後、ページ番号のスライドするウィンドウを備えたページナビゲーションコントロールをレンダリングします。
TsgcHTMLComponent_Pagination — Delphi、C++ Builder、.NET で、前へ/次へ、最初/最後、ページ番号のスライドするウィンドウを備えたページナビゲーションコントロールをレンダリングします。
Bootstrap の <ul class="pagination"> を出力するナビゲーションコンポーネントです。現在のページと総ページ数（または総アイテム数とページサイズ）に加えてベース URL を指定してから、HTML プロパティを読み取ります。
TsgcHTMLComponent_Pagination
Bootstrap のページネーションマークアップ
Delphi, C++ Builder, .NET
CurrentPage と TotalPages（または 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">最もよく使うメンバーです。
CurrentPage と TotalPages はコントロールを直接駆動します。または、TotalItems と PageSize を設定すると、合計が自動的に計算されます。
BaseURL（既定値 ?page=）は、各ページリンクが指す接頭辞で、ページ番号が末尾に付加されます。
MaxVisible（既定値 5）は、表示する番号付きリンクの数に上限を設け、CurrentPage を中心にスライドします。
ShowPrevNext（既定値 True）は前へ/次へを追加し、ShowFirstLast は最初/最後を追加します。どちらも範囲の端では無効になります。
Size は psDefault、psSmall、psLarge を選択します。Align は paStart、paCenter（既定）、paEnd を選択します。PaginationID は id を設定します。
HTML は、ページネーションリストを含む <nav> を返します（単一ページの場合は空になります）— そのまま配信するか、ページテンプレートの BodyContent に割り当てます。