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

Owned by Servicios Digitales de Aragón
30 Sept 2021
2 min read

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

Obligatorio

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>