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는 처음/마지막을 추가하며, 둘 다 범위의 끝에서 비활성화됩니다.

외관

SizepsDefault, psSmall 또는 psLarge를 선택합니다. AlignpaStart, paCenter(기본값) 또는 paEnd를 선택합니다. PaginationID는 id를 설정합니다.

출력

HTML은 페이지네이션 목록을 갖춘 <nav>를 반환합니다(단일 페이지일 때는 비어 있음) — 제공하거나, 페이지 템플릿의 BodyContent에 할당하십시오.

계속 살펴보기

모든 sgcHTML 컴포넌트60개 이상의 컴포넌트 전체 기능 매트릭스를 둘러보십시오.
무료 체험판 다운로드30일 체험판에는 60.HTML 데모 프로젝트가 포함됩니다.
가격전체 소스 코드가 포함된 Single, Team 및 Site 라이선스.

시작할 준비가 되셨습니까?

무료 체험판을 다운로드하고 Delphi, C++ Builder 및 .NET에서 웹 UI를 구축하기 시작하십시오.