1 Pagination

Componentes relativos a paginación

Vamos a ver como se usa cada uno de los componentes.

Pagination

<desy-pagination ...></desy-pagination>

Proporciona un listado de paginas en las que puedes navegar.

Propiedad	Tipo	Descripción	Obligatorio

Propiedad	Tipo	Descripción
id	string	Identificador del elemento <pagination>
classes	string	Clases CSS separadas por espacio que se aplicarán sobre el elemento <pagination>
hasSelect	boolean	Cuando es true se mostrarán en forma de seleccion, si no se mostrará una lista sin select.
classesContainer	string	Contenedor de clases que quieres mostrar en el componente pagination
totalItems	number	Número total de objetos
itemsPerPage	number	Número total de objetos por página
hasPrevious	boolean	Si tiene objeto previo
hasNext	boolean	Si tiene objeto siguiente
previousText	string	Texto que se muestra en el botón previo
nextText	string	Texto que se muestra en el botón siguiente

Propiedades de accesibilidad

El componente y cada DreadcrumbsData admiten los siguientes parámetros de accesibilidad.

Implementación listado

<desy-pagination 
  [itemsPerPage]="10" [totalItems]="59" idPrefix="simple" [(currentPage)]="2">
</desy-pagination>

Implementación listado con select

<desy-pagination 
  [itemsPerPage]="10" [totalItems]="64" [hasSelect]="true" [hasNext]="true" [hasPrevious]="true" [idPrefix]="'selector'" previousText="Anterior" nextText="Siguiente" [(currentPage)]="3" >
</desy-pagination>

Área de empleados públicos e Integradores

desy-angular v3.0 - Manual de integración DesyPaginationModule

Componentes relativos a paginación

Pagination

Implementación listado

Implementación listado con select

Related pages