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
Autenticazione di git tramite Microsoft Entra ID in Azure DevOps
Utilizzare la funzione EF.Parameter per forzare la parametrizzazione di una costante con Entity Framework
Configurare lo startup di applicazioni server e client con .NET Aspire
Gestione ciclo di vita in .NET Aspire
Evitare memory leaks nelle closure JavaScript
Utilizzare Containers in .NET Aspire
Utilizzare il metodo IntersectBy per eseguire l'intersection di due liste
Recuperare gli audit log in Azure DevOps
Controllare la telemetria con .NET Aspire
Ricevere notifiche sui test con Azure Load Testing
Eseguire una ricerca avanzata per recuperare le issue di GitHub
Combinare Container Queries e Media Queries
I più letti di oggi
- Novità nella gestione del modello asincrono in C# 5 e VB 11
- Eseguire query con LINQ to SQL
- Conoscere il rendering Server o WebAssembly a runtime in Blazor
- Gestione file Javascript in Blazor con .NET 9
- Migliorare la velocità delle connessioni ai database
- #vs2017 sarà rilasciato il 07/03, in concomitanza con i suoi 20 anni https://aspit.co/bfn
- #VS2017 Community è già disponibile al download da questa pagina https://aspit.co/bgb
- #VS2017 non ha un'ISO, ma è possibile creare un installer offline seguendo la guida ufficiale: https://aspit.co/bgd
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!