Una delle funzioni più comuni nelle Single Page Application è quella di dover mostrare una lista di dati in una tabella. Spesso questa lista è lunga e mostrare tutti i record contemporaneamente rischia di rendere la tabella illegibile (oltre che degradare le performance del browser). Paginare i dati è la soluzione più ovvia e per implementare questa funzione in breve tempo ci vengono in aiuto i metodi Skip e Take della libreria JSLINQ che funzionano esattamente come gli omonimi metodi di LINQ in C#. Supponendo di voler mostrare i dati 10 record alla volta, dobbiamo usare il seguente codice.
var page = JSLINQ(people) .Skip(pageIndex * 10) .Take(10).ToArray();
Questo codice prende in input una lista di persone e salta i primi n record (tramite il metodo Skip) per poi prendere i successivi dieci (tramite il metodo Take). Se il valore di pageIndex è 0, allora non viene saltato alcun record e quindi vengono estratti i primi dieci. Se il valore di pageIndex è 1, vengono saltati i primi dieci record ed estratti i successivi dieci e così via.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Escludere alcuni file da GitHub Copilot
Gestire il routing HTTP in Azure Container App
Implementare il throttle in JavaScript
Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
Rendere affidabile lo scale out su Azure App Service
Ricerca delle GitHub issue tramite operatori logici
Gestione opzioni colonna nella Blazor QuickGrid
Utilizzo delle stepped value functions nel CSS
Configurare OpenAI in .NET Aspire
Creare un agente A2Acon Azure Logic Apps
Usare la parola chiave field per semplificare la scrittura di proprietà in C#
Controllare la velocità di spostamento su una pagina HTML




