ASP.Net  »  Articoli  »  Esempi e controlli ASP.NET 

Con l'avvento del Web 2.0 e del Web sociale i tag, letteralmente "etichette", sono diventati via via sempre più importanti per l'identificazione e l'organizzazione dei contenuti. Uno dei sistemi per visualizzare in modo ordinato una lista di tag consiste nella "tag cloud", una distribuzione a "nuvola" in cui le dimensioni di ogni elemento variano a seconda della quantità di contenuti catalogati.

In questo articolo vedremo come creare un controllo ASP.NET per visualizzare una tag cloud. Per rendere il controllo utilizzabile nel maggior numero di situazioni possibili verrà implementato anche il supporto ai template e a tutti i diversi tipi di fonte di dati (datasource), siano questi database o oggetti.

Per quanto riguarda il codice HTML ci atterremo ad un definizione semantica della nuvola attraverso l'utilizzo di una lista non ordinata e dei CSS, secondo il markup presentato in un articolo di Alessandro Fulciniti.

Cenni sulla struttura dei controlli

Prima di procedere con la realizzazione pratica, è bene fare un ripasso sull'architettura dei controlli in ASP.NET 2.0. Il Framework .Net ci mette a disposizione diverse classi (tutte reperibili nel namespace System.Web.UI.WebControls) da cui ereditare per creare diversi tipi di controlli:

• Control: è la classe di base. In generale non avremo bisogno di derivare direttamente da questa classe, fatta eccezione per alcuni casi particolari
• WebControl: è una delle classi più utilizzate, alla base di molti controlli come Label o Panel. Non fornisce supporto alle fonti di dati
• DataBoundControl: classe astratta, utilizzata come base per tutti quei controlli che necessitano di accedere ad un datasource. Non supporta i template
• CompositeControl: classe astratta, fornisce supporto ai template ma non ai datasource
• CompositeDataBoundControl: classe astratta che implementa tutte le caratteristiche delle due precedenti. Sicuramente una delle più versatili, è alla base di controlli come GridView e FormView. La utilizzeremo nella realizzazione della tag cloud
• HierarchicalDataBoundControl: classe molto particolare che permette la gestione di fonti di dati con struttura ad albero. Molto comoda per i menu, praticamente inutile per altri scopi

Occupiamoci adesso delle funzioni principali di CompositeDataBoundControl, e del loro ruolo all'interno del ciclo di vita di un controllo ASP.NET. Come già detto, CompositeDataBoundControl verrà utilizzato come base per il nostro controllo personalizzato. Molte delle considerazioni fornite di seguito possono tuttavia essere applicate anche alle altre classi.

Cominciamo dalla funzione CreateChildControl(), una delle più importanti, dato che ha il compito di costruire la struttura interna del controllo: i template vengono inizializzati all'interno dei loro contenitori e tutti i controlli figli vengono creati (ma non renderizzati, più informazioni su questa differenza di seguito) ed aggiunti alla collection Controls. Viene inoltre effettuato il databind dei dati ad ogni elemento interno.

Altri articoli

Altre guide

Altre newsletter