Da quando extJs ha cambiato licenza ho iniziato a guardarmi intorno per trovare un framework javascript alternativo. Una valida alternativa è sicuramente jquery, un framework javascript open source (ma utilizzabile anche in applicazioni commerciali grazie alla doppia licenza mit e gpl) molto semplice ma anche molto potente. Infatti mentre extjs mette a disposizione una serie completa di componenti per poter creare una rich internet application jquery permette solamente di eseguire facilmente manipolazione del dom della pagina, chiamate ajax e altre operazioni tipiche del javascript. Quindi più che un framework completo jquery può essere visto come una base su cui costruire cose più complesse. Per fortuna già molta gente ha costruito librerie di componenti riusabili sfruttando come base jquery, una lunga lista di queste librerie (in gergo chiamati plugin) è disponibile qui.

In questo post vediamo come usare una grid di extjs per creare una pagina html che mostra una lista di dati paginati, ordinabili e filtrabili in base a dei criteri di ricerca. La tabella di dati viene popolata con chiamate ajax verso il server sfruttando dwr (vedi il precedente tutorial per i dettagli sull'utilizzo di dwr con spring). La parte di vista è composta da una pagina html quindi gran parte del codice mostrato può essere usato anche in progetti non java (per esempio php o python). I sorgenti dell'esempio sono disponibili qui, lo zip contiene un dynamic web project di eclipse in cui devono essere aggiunti i jar di spring, dwr e commons-logging.

Blog2j si rinnova! Le differenze sono evidenti, questa nuova veste grafica è molto po' più classica anche se sfrutta sempre extJs. La vecchia versione del sito è sempre online. Blog2j è adesso un esempio di utilizzo di javascript non intrusivo, le funzionalità del sito sono disponibili anche con un browser con javascript disabilitato. L'uso di javascript migliora le prestazioni (ci sono chiamate ajax per non ricaricare sempre l'intera pagina) e aggiunge un po' di dinamicità al sito.

Oltre al cambo di grafica c'è stato anche un cambio di hosting, adesso blog2j è una applicazione web sviluppata con Google App Engine, blog2j gira sugli stessi server che ospitano GMail e le altre applicazioni di Google!

Google App Engine è un progetto che permette di sfruttare l'infrastruttura di Google per creare web application, permette di scrivere facilmente applicazioni scalabili. Ovviamente non ho scelto di usare Google App Engine perchè blog2j ha lo stesso traffico di GMail ma per altre caratteristiche interessanti. Eccone alcune:

• installazione semplificata (e senza bisogno di configurazione) del server web e del dbms: dopo aver scaricato e scompattato uno zip in cinque minuti si ha un server funzionante
• deploy sui server di Google con un comando con la possibilità di switch veloce per tornare a una qualsiasi versione
• uso dello stesso framework usato dalle applicazioni di Google per gestire i dati: semplice da usare ma un po' diverso rispetto a un normale database relazionale
  
• possibilità di usare il db degli utenti di Google: un utente può usare il proprio account di google per loggarsi in un sito sviluppato con Google App Engine

ExtJs ha cambiato licenza passando da lgpl a gpl al momento del rilascio della versione 2.1. Il cambiamento non è da poco in quanto i tanti progetti commerciali che lo usavano non possono usare la nuova versione in quanto la licenza gpl non lo consente.

Il team di sviluppo ha giustificato la decisione dicendo che così può essere utilizzato in tutti i progegrtti open source, anche quelli rilasciati in licenza gpl. A mio avviso l'intento evidente è quello di guadagnare due soldi con le licenze commerciali, infatti vendevano e vendono tutt'ora la licenza a pagamento che permette di utilizzare il framework ovunque. Ma allora perchè non cominciare subito distribuendo il software con la licenza gpl? Semplice, tanta gente (me compreso, non lo uso solo per questo blog) si è avvicinata a extJs per usarlo in progettti commerciali e così si è creata una community attivissima. Senza questa community extJs non sarebbe quello che è adesso, basta pensare non tanto alle estensioni create ma a tutti i bug report fatti dagli utenti.

Ma quale sarà il futuro di extJs e che faranno gli utenti attuali? Le strade possibili sono molte, io per adesso continuo ad usare la versione 2.0.2 ma tengo d'occhio openExt, il fork lgpl nato pochi giorni dopo il cambio di licenza. La licenza non costa proprio poco (anche se extJs è fatto benissimo e probabilmente vale questi soldi) e sinceramente questo cambio di licenza ha lasciato perplesso me e tanta altra gente che ha inondato di messaggi il forum di extJs.

ExtJs (o qualunque altra libreria javascript) può essere usata in due modi diversi:

• usando poco codice html (per esempio un solo div) e aggiungendo i vari componenti direttamente in javascript
• in modo non intrusivo, ovvero definendo una normale pagina html e trasformando i vari componenti presenti nella pagina (campi di testo, combo, ...) in componenti ext

Il primo approccio è quello utilizzato solitamente in extJs, in questo tutorial vedremo invece un esempio di utilizzo non intrusivo di extJs per aggiungere la validazione lato client ad una form esistente.