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
Utilizzare le librerie native di .NET per decomprimere un file zip
Monitorare le tabelle di Azure SQL Database con Change Event Streaming
Definire il metodo di rilascio in .NET Aspire
Ottimizzare gli indici con Automatic Index Compaction in Azure SQL Database
Ciclo di vita risorse con .NET Aspire
Usare la parola chiave field per semplificare la scrittura di proprietà in C#
Arricchire l'interfaccia di .NET Aspire
Gestione delle scrollbar dinamiche in HTML e CSS
How to be a DevOps engineer in the AI era
Utilizzare noopener e noreferrer nei link HTML
Blazor e Static Web Assets in .NET 10
Azure SQL Database per dev: tutte le novità da non perdere


