Web Form e Web Controls

3 pagine in totale: <<Indietro 1 [2] 3 Avanti >>

I Web Controls di base

I Web controls si trovano nel namespace System.Web.UI.WebControls ed ereditano da WebControl , classe contenuta nello stesso namespace.

Tutte le classi che fanno parte del namespace System.Web.UI.WebControls non sono altro che oggetti che hanno in comune alcune particolarità, in questo caso il fatto di essere Web Controls.

I Web Controls si dividono in questi grandi famiglie:

Questa divisione permette di trattare i controls per gruppi in cui sono contenuti in base alle funzionalità che offrono.

Nel primo gruppo troviamo i controls di base (tabelle, immagini, link), nel secondo i controls dedicati alla validazione dell'input dell'utente, nel terzo i controls per visualizzare dati estratti dalle fonti più disparate, nel quarto una serie di controls più avanzati che producono output complesso.

I controls di base

All'interno di questo gruppo trovano posto controls dalle funzionalità molto semplici, che in pratica altro non sono che un sistema diverso di generare codice HTML.

La tabella che segue contiene i principali controls con alcuni esempi che sfruttano le proprietà di base di ciascuno di essi, con relativa spiegazione delle funzionalità che contengono:

Web Control Codice nella pagina Funzione
Button
<asp:Button ID="bottone1"
text="Cliccami"
CommandName="Funzione" CommandArgument="Argomenti"
runat="server" />
Aggiunge un pulsante (
<input type="button">
) alla cui pressione viene invocato un evento (funzione) sul server.
CheckBox
<asp:CheckBox ID="chk1"
text="Selezionami"
checked="true"
runat="server" />
Inserisce una checkbox nella pagina.
HyperLink
<asp:HyperLink ID="link1"
Text ="Clicca su questo link"
NavigateUrl="http://www.aspitalia.com"
runat="server" />
Inserisce un link con una descrizione attraverso le proprietà Text che punta a NavigateUrl.
Image
<asp:Image ID="img1"
ImageUrl ="img.gif"
ToolTip="Testo dell'alt"


runat="server" />
Aggiunge un'immagine alla pagina.
ImageButton
<asp:ImageButton ID="imgbtn1"
ImageUrl ="img.gif"
ToolTip="Testo dell'alt"
runat="server" />
Aggiunge un pulsante con un'immagine cliccabile. Produce
<input type="image">
Label
<asp:Label ID="lbl1"
Text="testo del controllo"
CssClass="classe"
runat="server" />
Inserisce un pezzo di testo impostato nella proprietà Text.
LinkButton
<asp:LinkButton ID="linkbtn1"
text="Cliccami"
CommandName="Funzione" CommandArgument="Argomenti"
runat="server" />
Simile a button, ma il link creato sarà di tipo classico (
<a href="...">
) in grado di scatenare un evento sul server.
Literal
<asp:Literal ID="lbl1"
Text="testo del controllo"
CssClass="classe"
runat="server" />
Control che permette di inserire testo su un punto particolare della pagina.
Panel
<asp:panel id="pnl1" runat="server">
... altri controls
</asp:panel>
Inserisce un panel, ovvero un contenitore di altri controls, all'interno di tag
<div>
...
</div>
.
PlacheHolder
<asp:placeholder id="plh1" runat="server">
... altri controls
</asp:placeholder>
Simile a Panel, ma è utilizzato come segnaposto, senza l'aggiunta di codice.
RadioButton
<asp:RadioButton ID="radiobutton1"
text="Selezionami"
checked="true"
runat="server" />
Inserisce un radiobutton nella pagina.
Table
<asp:Table id="tbl1"
cellspacing="1" cellpadding="3"
runat="server">
(n TableRow all'interno)
</asp:Table>
Inserisce una tabella, che poi si può manipolare da codice. Ad esempio, si possono aggiungere righe in maniera programmatica. Ogni riga è rappresentata da un oggetto TableRow.
TableCell (all'interno di un TableRows)
<asp:TableCell runat="server">
testo o altri controls
</asp:TableCell>
Inserisce una singola cella all'interno di un TableRow. Simile al tag
<td>
di HTML.
TableRow
(all'interno di un Table)
<asp:TableRow runat="server" cells="5">
(n TableCell all'interno)
</asp:TableRow>
Inserisce una nuova riga all'interno di una Table. Simile al tag
<tr>
di HTML.

La tabella vi avrà aiutato a comprendere che si tratta di controls che forniscono le stesse identiche funzionalità che trovereste utilizzando gli HTML Controls, con la differenza di proprietà comuni.

Ad esempio, esiste una proprietà CssClass che condividono un po' tutti i controls, per associare una classe CSS specifica da applicare, così come width e height, per larghezza ed altezza, o border. Ciò che li rende utili, appunto, è la possibilità di avere le stesse proprietà su tutti i controls.

3 pagine in totale: <<Indietro 1 [2] 3 Avanti >>

Attenzione: Questo articolo contiene un allegato

Contenuti dell'articolo

Commenti
Dai un voto a questo articolo, ci aiuterà a migliorare il nostro sito (1 è il voto minimo, 5 il massimo).

Per procedere al rating dell'articolo devi essere autenticato.

Aggiungi un nuovo commento »»»
Per inserire un commento, devi registrarti alla nostra community.


TUTORIALS
TOP TEN ARTICOLI
NOTIFICHE

Iscriviti alla nostra newsletter nuoviarticoli per ricevere e-mail le notifiche!

Indirizzo e-mail:
PROVIDER ASP.NET 2.0

Seleziona il database per avere il web.config pronto per Membership, Roles e Profile API.



IN EVIDENZA
MISC