Pagination

TsgcHTMLComponent_Pagination — genera un control de navegación de páginas con anterior/siguiente, primera/última y una ventana deslizante de números de página, en Delphi, C++ Builder y .NET.

TsgcHTMLComponent_Pagination

Un componente de navegación que emite un <ul class="pagination"> de Bootstrap. Indícale la página actual y el total de páginas (o el total de elementos y el tamaño de página) más una URL base, y luego lee la propiedad HTML.

Clase del componente

TsgcHTMLComponent_Pagination

Genera

Marcado de paginación de Bootstrap

Lenguajes

Delphi, C++ Builder, .NET

Créalo, define el estado de página, renderízalo

Define CurrentPage y TotalPages (o TotalItems + PageSize) y una BaseURL, y luego lee 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">

Propiedades y métodos clave

Los miembros que usarás con más frecuencia.

Estado de página

CurrentPage y TotalPages controlan el control directamente; o define TotalItems y PageSize y el total se calcula por ti.

Enlaces

BaseURL (por defecto ?page=) es el prefijo al que apunta cada enlace de página, con el número de página añadido al final.

Ventana

MaxVisible (por defecto 5) limita cuántos enlaces numerados se muestran, deslizándose en torno a CurrentPage.

Botones de extremo

ShowPrevNext (por defecto True) añade anterior/siguiente; ShowFirstLast añade primera/última; ambos se deshabilitan en los extremos del rango.

Apariencia

Size elige psDefault, psSmall o psLarge; Align elige paStart, paCenter (por defecto) o paEnd; PaginationID define el id.

Salida

HTML devuelve el <nav> con su lista de paginación (vacía cuando solo hay una página) — sírvelo o asígnalo al BodyContent de una plantilla de página.

Sigue explorando

Todos los componentes de sgcHTMLExplora la matriz completa de más de 60 componentes.
Descargar prueba gratuitaLa prueba de 30 días incluye los proyectos de demostración 60.HTML.
PreciosLicencias Single, Team y Site con código fuente completo.

¿Listo para empezar?

Descarga la prueba gratuita y empieza a crear interfaces web en Delphi, C++ Builder y .NET.