Pagination

TsgcHTMLComponent_Pagination — renderuje element nawigacji po stronach z poprzedni/następny, pierwsza/ostatnia i przesuwnym oknem numerów stron, w Delphi, C++ Builder i .NET.

TsgcHTMLComponent_Pagination

Komponent nawigacji, który generuje element <ul class="pagination"> Bootstrap. Podaj mu bieżącą i całkowitą liczbę stron (lub całkowitą liczbę pozycji i rozmiar strony) oraz bazowy adres URL, a następnie odczytaj właściwość HTML.

Klasa komponentu

TsgcHTMLComponent_Pagination

Renderuje

Znaczniki paginacji Bootstrap

Języki

Delphi, C++ Builder, .NET

Utwórz go, ustaw stan stron, wyrenderuj

Ustaw CurrentPage i TotalPages (lub TotalItems + PageSize) oraz BaseURL, a następnie odczytaj 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">

Kluczowe właściwości i metody

Składniki, po które sięgasz najczęściej.

Stan stron

CurrentPage i TotalPages sterują elementem bezpośrednio; albo ustaw TotalItems i PageSize, a suma zostanie obliczona za Ciebie.

Linki

BaseURL (domyślnie ?page=) to przedrostek, do którego prowadzi każdy link strony, z dołączonym numerem strony.

Okno

MaxVisible (domyślnie 5) ogranicza liczbę wyświetlanych numerowanych linków, przesuwając się wokół CurrentPage.

Przyciski krańcowe

ShowPrevNext (domyślnie True) dodaje poprzedni/następny; ShowFirstLast dodaje pierwsza/ostatnia; oba są wyłączane na końcach zakresu.

Wygląd

Size wybiera psDefault, psSmall lub psLarge; Align wybiera paStart, paCenter (domyślnie) lub paEnd; PaginationID ustawia identyfikator.

Wynik

HTML zwraca element <nav> z jego listą paginacji (pusty, gdy jest tylko jedna strona) — udostępnij go lub przypisz do właściwości BodyContent szablonu strony.

Poznawaj dalej

Wszystkie komponenty sgcHTMLPrzejrzyj pełną matrycę funkcji 60+ komponentów.
Pobierz bezpłatną wersję próbną30-dniowa wersja próbna zawiera projekty demonstracyjne 60.HTML.
CennikLicencje Single, Team i Site z pełnym kodem źródłowym.

Gotowy, aby zacząć?

Pobierz bezpłatną wersję próbną i zacznij budować interfejsy webowe w Delphi, C++ Builder i .NET.