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
La gestione della riconnessione al server di Blazor in .NET 9
Raggruppare risorse in .NET Aspire
Personalizzare le pagine di errore su Azure App Service
Interagire con Azure DevOps tramite MCP Server
Collegare applicazioni server e client con .NET Aspire
Configuratione e utilizzo .NET Aspire CLI
Controllare la telemetria con .NET Aspire
Supportare la crittografia di ASP.NET Core con Azure Container App
Selettore CSS :has() e i suoi casi d'uso avanzati
Creare un agente A2Acon Azure Logic Apps
Implementare il throttle in JavaScript
Utilizzare l'espressione if inline in una pipeline di Azure DevOps
I più letti di oggi
- Inserire le news di Punto Informatico nel proprio sito
- Effettuare il multi-checkout in linea nelle pipeline di Azure DevOps
- Esaminare documenti XML con namespace utilizzando LINQ to XML
- Alleggerire le applicazioni WPF sfruttando gli oggetti Freezable
- Le DirectInk API nella Universal Windows Platform
- Sfruttare una CDN con i bundle di ASP.NET
- Effetto turnstile su tutte le pagine con il Windows Phone Toolkit
- Gli oggetti CallOut di Expression Blend 4.0


