0
221
VistasAngular Devextreme: obtenga el número total de filas en la página actual
En mi aplicación Angular, tengo el requisito de mostrar el número total de filas en la página actual en la sección de paginación. Pero actualmente el recuento de filas de la cuadrícula Devextreme devuelve el recuento total de filas independientemente de la página.
A continuación se muestra mi código: -
<dxo-paging [pageSize]="5"> </dxo-paging> <dxo-pager [visible]="true" [allowedPageSizes]="allowedPageSizes" [displayMode]="displayMode" [showPageSizeSelector]="showPageSizeSelector" [showInfo]="true" infoText="Displaying {0} - {2} of {1} " [showNavigationButtons]="showNavButtons" > </dxo-pager> Debajo de la captura de pantalla: - 
Ahora solo tengo 5 filas en la cuadrícula, pero muestra 11, que es el recuento total de filas que he recibido de la base de datos. Por favor avise.
1 Respuestas
Responde la pregunta0
Si entiendo correctamente, quiere mostrar 1-5 en la primera página, 6-10 en la segunda página y así sucesivamente. Puede lograrlo vinculando una función a la propiedad [infoText] y personalizando la salida de texto. Esto no se encuentra en la documentación oficial, pero funciona.
HTML:
<dxo-paging [pageSize]="5"> </dxo-paging> <dxo-pager [visible]="true" [allowedPageSizes]="allowedPageSizes" [displayMode]="displayMode" [showPageSizeSelector]="showPageSizeSelector" [showInfo]="true" [infoText]="infoText" [showNavigationButtons]="showNavButtons"> </dxo-pager>JS/TS:
infoText(currentPageNumber, totalPageCount, totalRowCount) { const myPageSize = 5; // use global variable instead and bind it to dxo-paging const from = +currentPageNumber * myPageSize - (myPageSize - 1); const to = +currentPageNumber * myPageSize; return `Displaying ${from}-${to}`; }