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
Creare un'applicazione React e configurare Tailwind CSS
Utilizzare le collection expression in C#
Hosting di componenti WebAssembly in un'applicazione Blazor static
Usare le navigation property in QuickGrid di Blazor
Disabilitare automaticamente un workflow di GitHub (parte 2)
Generare HTML a runtime a partire da un componente Razor in ASP.NET Core
Utilizzare politiche di resiliency con Azure Container App
Sfruttare lo streaming di una chiamata Http da Blazor
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Utilizzare un numero per gestire la concorrenza ottimistica con SQL Server ed Entity Framework
Usare il colore CSS per migliorare lo stile della pagina
Utilizzare database e servizi con gli add-on di Container App