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
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Utilizzare Intersect e Except per filtrare set di dati in TSql
Ottimizzare le pull con Artifact Cache di Azure Container Registry
Integrare modelli AI in un workflow di GitHub
Utilizzare EF.Constant per evitare la parametrizzazione di query SQL
Loggare le query più lente con Entity Framework
Utilizzare WhenEach per processare i risultati di una lista di task
Managed deployment strategy in Azure DevOps
Conoscere il rendering Server o WebAssembly a runtime in Blazor
Utilizzare WebJobs su Linux con Azure App Service
Utilizzare Hybrid Cache in .NET 9
Gestione CSS in Blazor con .NET 9
I più letti di oggi
- Caricare le immagini di una pagina in lazy loading con Angular
- Annunciato Silverlight 2.0
- Sei screencast dedicati a LINQ per lo speciale di Aprile
- Speciale ASP.NET Charting: grafici per tutti i gusti!
- Anche Entity Framework 6 abbraccia l'Open Source: sarà distribuito con licenza Apache 2.0
- CLI e C++ insieme per ECMA
- ASP to ASP.NET Migration Assistant Alpha
- Introduzione ad ASP.NET Core 1
- Job, Function e Service Bus di Azure: divertimento assicurato
- Integrare Azure Search nel vostro sito web