Panoramica dei controlli server ASP.NET
Prima di passare ai controlli server ASP.Net, rivediamo quali sono i controlli. I controlli sono piccoli blocchi di codice che possono essere utilizzati in una pagina Web per eseguire l'attività a cui sono destinati. Ad esempio, si desidera che l'utente inserisca una password, utilizzare un controllo password. Viene pre-confezionato con i suoi stili e convalide.
In modo simile, i controlli server ASP.Net sono controlli eseguiti sul server. Sono semplicemente tag simili a HTML che sono compresi dal server. Non appena il server rileva tale tag, sa cosa visualizzare, come visualizzare e quali attività ed eventi attivare. Naturalmente, come sviluppatore, puoi sovrascrivere lo stile, gli eventi e le azioni predefiniti.
Funzionalità dei controlli server ASP.NET
- Gestione automatica dello stato : i valori dei controlli vengono mantenuti durante i round trip verso il server.
- Accesso al valore oggetto semplice - L'accesso al valore oggetto è abbastanza semplice attraverso i controlli piuttosto che il metodo convenzionale di utilizzo dell'oggetto richiesta.
- Eventi : i controlli reagiscono agli eventi nel codice lato server, che aiuta a gestire azioni specifiche dell'utente in modo strutturato.
- Complessità semplificata : le interfacce utente complesse vengono create con semplici controlli preconfigurati per eseguire le azioni più comuni.
- Scrivi una volta Render Anywhere : le pagine Web create tramite i controlli sono ottimizzate per il rendering su qualsiasi tipo di dispositivo o browser. Il layout e il markup nell'output vengono creati automaticamente in base alle funzionalità del browser.
Categorie di controlli server ASP.NET
Il framework di pagine ASP.Net supporta numerosi controlli. I controlli server ASP.NET sono ampiamente classificati in 4 categorie:
1. Controlli del server HTML
I controlli server HTML sono attributi HTML che devono essere elaborati sul lato server. Ciò significa essenzialmente che il controllo ha lo stesso output e le stesse proprietà dei corrispondenti attributi HTML tradizionali, ma con capacità di calcolo aggiuntive per gli eventi da elaborare sul lato server.
Per riassumere, i tag HTML tradizionali migliorati per essere elaborati sul lato server sono definiti controlli server HTML.
Un esempio di controllo server HTML
Tag HTML tradizionale
Controllo server HTML
Ora ti starai chiedendo come un attributo runat = "server" possa trasformare un tag HTML tradizionale in un controllo server HTML? Bene, ASP.Net tratta tutti gli elementi HTML come testo semplice. L'attributo run at indica che l'elemento deve essere trattato come un controllo, rendendolo quindi programmabile sul server. Gli elementi con questo attributo sono accessibili anche dagli script lato server.
Quando viene compilato il codice ASP.Net, anche gli elementi con l'attributo runat = "server" vengono compilati nell'assembly. E per quegli elementi che non hanno questo attributo, vengono aggiunti all'assembly come controlli HTML generici.
Nota : tutti i controlli server HTML devono essere racchiusi tra tag …
Vantaggi dei controlli server HTML
I controlli server HTML offrono i seguenti vantaggi:
- I controlli mappano uno a uno con i tag HTML corrispondenti.
- La maggior parte dei controlli ha un trigger di evento OnServer per l'evento più comune del controllo. Ad esempio, i pulsanti hanno un OnServerClick Lo sviluppatore deve semplicemente scrivere il suo codice nelle funzioni di trigger.
- Tutti i controlli server HTML derivano dalla classe base Web.UI.HtmlControl. Pertanto, ereditano tutte le funzionalità e i metodi di controllo HTML di base.
- Il markup dei controlli è simile ai tag HTML nativi, rendendoli quindi facili da usare e da capire.
- I controlli sono raggruppati nella Casella degli strumenti di Visual Studio rendendoli facili da usare nell'applicazione.
2. Controlli del server Web
I controlli server Web sono simili ai controlli server HTML in termini di output generato. Tuttavia, i controlli server Web sono tag ASP standardizzati. Sono inoltre compilati sul lato server e richiedono un attributo runat = "server" simile.
Un esempio di un controllo server Web
Controllo server Web
HTML Server Control
Nota : non tutti i controlli Web sono necessariamente associati a un controllo HTML corrispondente. A volte, i controlli Web sono più complessi dei controlli HTML nativi.
Vantaggi dei controlli server Web
I controlli server Web offrono i seguenti vantaggi:
- I controlli mappano (principalmente, ma non sempre) i loro corrispondenti elementi HTML. Ciò rende più semplice per gli sviluppatori la generazione automatica di un'interfaccia utente.
- Poiché i controlli sono preconfezionati con elementi HTML interattivi, il processo di creazione di moduli Web diventa meno soggetto a errori ed è più coerente.
- Tutti i controlli server Web derivano dalla classe base Web.UI.WebControls.WebControl. Pertanto, ereditano tutte le funzionalità e i metodi di controllo Web di base.
I controlli del server Web sono suddivisi in quattro categorie:
- Controlli Web di base
- Controlli di convalida
- Controlli elenco
- Controlli ricchi
un. Controlli Web di base
I controlli Web di base sono simili ai controlli server HTML. Forniscono la stessa funzionalità con metodi, eventi e proprietà aggiuntivi, che gli sviluppatori possono sfruttare per scrivere il proprio codice.
Esempi di controlli Web di base
Controllo pulsanti
HyperLink Control
Label Control
b. Controlli di convalida
I controlli di convalida in ASP.Net vengono utilizzati per convalidare gli input da parte dell'utente. Questi controlli possono eseguire convalide predefinite e personalizzate. A seconda della compatibilità del browser, le convalide vengono eseguite sul lato client o sul lato server. Questa decisione viene eseguita automaticamente dai controlli. La convalida lato client viene eseguita nel browser client, ovvero prima che una chiamata postback venga attivata sul server. La convalida sul lato server viene eseguita dopo l'invio del modulo al server.
I controlli di convalida non sono controlli autonomi. Piuttosto sono associati ad altri controlli nella pagina Web o nel modulo Web. È possibile associare più di un controllo di convalida a ciascun controllo da convalidare. La convalida viene eseguita quando l'utente invia la pagina o il modulo.
Esempi di controlli di convalida
Validatore di campo obbligatorio
Compare Validator
c. Controlli elenco
I controlli elenco sono controlli speciali che generano layout elenco preformattati. Questi controlli si legano alle raccolte e visualizzano i dati raccolti in righe di un formato personalizzato o basato su modelli. Per questo motivo, i controlli elenco si collegano solo alle raccolte che implementano interfacce IEnumerable, ICollection o IListSource. I dati da associare ai controlli elenco sono definiti dalle proprietà DataSource e DataMember.
Esempio
Public void Page_Load()( count_rptr.DataSource = new String() ("Uno", "Due", "Tre"); count_rptr.DataBind();)
Il codice sopra mostrerà Uno, Due, Tre, come un elenco che comprende tre righe.
d. Controlli ricchi
I controlli Web avanzati sono controlli HTML complessi che intendono offrire un'esperienza utente avanzata. Questi sono controlli specifici dell'attività. A differenza dei semplici controlli HTML nativi dei moduli Web, i controlli Rich eseguono un'attività complessa. Questa può essere una suite tessuta di numerosi semplici controlli HTML o un layout più avanzato. Esempi di controlli Rich sono Controllo calendario, Controllo XML, Controllo AdRotator, ecc.
Il controllo del calendario è responsabile della visualizzazione di un elemento di selezione della data che l'utente può utilizzare in modo molto conveniente per selezionare una data.
Il controllo XML genera un layout XML per i dati dati. Il layout XML è un layout controllato da tag in cui i dati sono racchiusi tra tag. Questi tag fungono da chiavi mentre i dati all'interno fungono da valori.
Il controllo AdRotator è responsabile della visualizzazione di un banner pubblicitario sulla pagina Web.
3. Controlli utente
ASP.Net facilita inoltre lo sviluppatore a creare il proprio pacchetto di controlli integrati che possono essere riutilizzati. Questo aiuta enormemente gli sviluppatori quando vogliono riutilizzare l'interfaccia della pagina Web corrente in un'altra. ASP.Net ci consente di convertire i nostri moduli Web in controlli utente. A tale scopo, ASP.Net salva i moduli Web con estensione .ascx. Questi file .ascx possono essere utilizzati più volte in un singolo modulo Web.
Passaggi per creare il tuo controllo utente:
- Rimuovere qualsiasi,, e
- Cambia la direttiva @Page in @Control
- (Facoltativo) Includi un attributo className con la direttiva @Control per digitare fortemente la tua direttiva con la classe.
- Salvare il controllo con .ascx
4. Controlli personalizzati
Oltre alla vasta suite di controlli integrati, ASP.Net consente anche di definire il proprio controllo personalizzato. Un controllo personalizzato è uno dei tre:
- Una combinazione di due o più controlli integrati.
- Un'estensione per un controllo integrato.
- Un codice completamente nuovo che funziona come un controllo specifico.
Articoli consigliati
Questa è una guida ai controlli server ASP.NET. Qui discutiamo le funzionalità e le diverse categorie di controlli server ASP.NET insieme ai vantaggi e agli esempi. Puoi anche consultare i seguenti articoli per saperne di più -
- ASP.NET Framework
- Controlli di convalida ASP.Net
- Carriera in ASP.NET
- Cosa sono i servizi Web ASP.Net?