Come creare controlli utente Web con C #

December 18

C # controlli utente sono come mattoni. Una volta che si costruisce uno, è possibile utilizzare rapidamente per costruire molte entità diverse. ASP.NET C # sviluppatori web usano controlli utente per risparmiare tempo e ridurre gli errori di programmazione. Supponiamo che trovassi 10 moduli web che c'è bisogno di un complesso controllo GridView. Preferisci duplicare il GridView 10 volte, o si trovare più facile per creare un unico GridView all'interno di un controllo utente e posto che il controllo all'interno di tutti i moduli? Microsoft Visual Studio rende questo possibile. È possibile avviare rapidamente utilizzando controlli utente, una volta a capire le basi.

istruzione

1 Aprire Visual Studio e creare un nuovo progetto C # "Sito Web". Un elenco di file ASP.NET di default apparirà in Esplora soluzioni sulla destra dello schermo.

2 Fare clic sul file "Default.aspx" che si trova nella lista. Si aprirà nella finestra di visualizzazione di origine. Questo file ASPX conterrà il controllo utente che si crea.

3 Pulsante destro del mouse su un'area vuota in Esplora soluzioni e scegliere "Aggiungi nuovo elemento" per aprire la finestra "Add New Item".

4 Fare doppio clic su "Controllo utente Web" e fare clic su "OK". Questo aggiungerà un nuovo file denominato "WebUserControl.ascx" al Solution Explorer. Tutti i controlli utente Condividi estensione del file.

5 Fare doppio clic sul controllo utente per aprire la finestra di visualizzazione di origine. Questa finestra visualizza il codice ASP.NET del controllo:

<% @ Control Language = "C #" CodeFile = "WebUserControl.ascx.cs" Inherits = "WebUserControl"%>

Questa è una dichiarazione "direttiva". Racconta ASP.NET il nome del file che contiene il codice C # del controllo dell'utente.

6 Aggiungere il seguente codice HTML per il codice di controllo utente esistente situato nelle finestre vista di origine.

<H1> Questa rubrica è venuta dal mio C # controllo utente utente </ h1>

Questo semplice rubrica sarà l'unico contenuto di questo particolare controllo da parte dell'utente. Nella vita reale, si dovrebbe aggiungere più tag HTML e controlli Web ASP.NET per il controllo utente. Quando si aggiunge il controllo utente a qualsiasi modulo web ASPX nel progetto, verrà visualizzata questa voce.

7 Fare doppio clic sul file "Default.aspx" che si trova in Esplora soluzioni. HTML di default di questo file verrà visualizzato nella finestra del codice sorgente.

8 Aggiungere questa riga di codice dopo il tag prima <div>.

<UserControl: controlName runat = "server" />

Si noti come i valori per TagPrefix e TagName corrispondono ai valori specificati nel tag "Register". Posizionare alcun controllo utente in qualsiasi modulo web con la semplice aggiunta di una dichiarazione TaqPrefix / Tagname al HTML del form. Il contenuto del controllo utente appariranno all'interno del modulo Web quando si esegue l'applicazione.

9 Compilare ed eseguire l'applicazione. Quando Default.aspx si apre nel browser, si vedrà il testo, "La voce viene da mio utente C # controllo degli utenti."

Consigli e avvertenze

  • Cercate di mantenere controlli utente in una cartella separata in Esplora soluzioni. Questo rende più facile modificare e mantenere il codice. Molti sviluppatori di creare più sottocartelle all'interno delle loro cartelle principali per controlli utente relativi ai gruppi. Ad esempio, è possibile creare una cartella per GridView, una cartella per le caselle di testo e una cartella per i pulsanti