Molto spesso, in una pagina HTML abbiamo l'esigenza di ordinare gli elementi di una griglia la cui sorgente dati è un array JavaScript. In questo caso non dobbiamo invocare il server per ordinare gli elementi, ma dobbiamo ricorrere al codice JavaScript. La libreria JSLinq permette di ordinare gli oggetti grazie al metodo OrderBy. Inoltre, poiché il campo di ordinamento è dinamico, in quanto scelto dall'utente, possiamo sfruttare la natura dinamica del JavaScript per scrivere un solo metodo di ordinamento che valga per qualunque colonna come nel prossimo esempio.
function sort(list, columnName){
var sortedList = JSLINQ(list)
.OrderBy(function(item){ return item[columnName]; })
.ToArray();
redrawGrid(sortdList);
}il metodo OrderBy ordina la lista mentre il nome del campo in base al quale ordinare viene specificato dal secondo parametro di input al metodo. Questo è possibile grazie al fatto che Javascript permette di accedere alle proprietà di un oggetto non solo specificandone il nome con la sintassi classica che usa il punto, ma anche con la sintassi tipica degli indexer ovvero specificando il nome tra parentesi quadre.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Azure SQL Database per dev: tutte le novità da non perdere
Applicare il progressive enhancement in applicazioni web
Agentic Workflows in GitHub
Lockfiles per le GitHub Actions
Bloccare il traffico di rete in uscita dal runner di GitHub
Creare un extension method per applicare condizionalmente una Where in una query LINQ per Entity Framework
Realizzare un accordion con gli elementi HTML details e summary
Utilizzo delle Feature flag in ASP.NET Core
Utilizzare i command service nei test con .NET Aspire
Keynote .NET Conference Italia 2025
From Data to Insight: Exploratory Data Analysis with Python, VS Code and SQL MCP Server
Gestione delle issue type con GitHub
I più letti di oggi
- Personalizare l'icona e le funzionalità di un sito web per iOS e IE
- Effettuare il multi-checkout in linea nelle pipeline di Azure DevOps
- Accedere a risorse e immagini in Windows Store app di Windows 8
- Effetto turnstile su tutte le pagine con il Windows Phone Toolkit
- Alleggerire le applicazioni WPF sfruttando gli oggetti Freezable
- Permettere il Drag-and-drop solo su zone predefinite con Silverlight 2.0
- Accedere a dati esposti con WebService con Silverlight 1.0
- Utilizzare dati in formato XML in XAML


