Controlli Web personalizzati sono completamente personalizzabili e offrono il supporto in fase di progettazione. Possono anche essere aggiunti a (IDE) cassetta degli attrezzi del vostro ambiente di sviluppo integrato in modo da poterli riutilizzare in altri progetti. Al fine di riutilizzare il controllo Web personalizzato in altri progetti, si inizia con la creazione di un progetto Libreria di controlli Web in Visual Studio .NET. Poi, per riutilizzarli in altri progetti, è possibile impostare un riferimento alla libreria di collegamento dinamico (DLL) nel progetto. Questo esempio crea un'etichetta personalizzata di benvenuto utilizzando Visual C #.

istruzione

Creare Benvenuto Etichetta di controllo personalizzato Web

1 Selezionare "Start", "Tutti i programmi", "Microsoft Visual Studio 2010 Express", e poi "Microsoft Visual Web Developer 2010 Express." Selezionare "New Project" dal menu "File". Sotto "Modelli installati" a sinistra, selezionare "Web" sotto la lingua di vostra scelta.

2 Selezionare "Controllo server ASP.NET." Inserire un nome per il progetto. Fai clic su "OK".

3 Aprire il file con estensione cs creato. Sulla linea 13, sostituire "ServerControl1" in entrambi i luoghi con il nome del vostro controllo. Sulla linea 14, sostituire "WebControl" con "Label".

4 Cancellare tutto il testo dalle linee 16 a 37. Sostituire con:

[

Bindable(true),

Categoria ( "Aspetto"),

Valore di default(""),

Description ( "Questo è il testo che viene visualizzato quando un utente non è connesso."),

Localizzabile (vero)

]

pubblico DefaultUserName stringa virtuale

{

ottenere

{

string s = (string) ViewState [ "DefaultUserName"];

tornare (s nullo ==)? String.Empty: s;

}

impostato

{

ViewState [ "DefaultUserName"] = valore;

}

}

protected override RenderContents vuoto (HtmlTextWriter scrittore)

{

writer.WriteEncodedText (Testo);

stringa displayUserName = DefaultUserName;

if (Context! = null)

{

String username = Context.User.Identity.Name;

if (! String.IsNullOrEmpty (nome utente))

{

displayUserName = username;

}

}

if (! String.IsNullOrEmpty (displayUserName))

{

writer.Write ( ",");

writer.WriteEncodedText (displayUserName);

}

writer.Write ( "!");

}

5 Fare doppio clic su "AssemblyInfo.cs" sotto "Properites" in Esplora soluzioni. Aggiungere "usando System.Web.UI;" la nuova prima linea di questo documento. Add "[assembly: TagPrefix (" ServerControl1 "," aspSample ")]" alla fine di questo documento. Selezionare "Salva tutto" dal menu "File".

Test di benvenuto Etichetta di controllo personalizzato Web

6 Selezionare "File", "Aggiungi" e poi "Nuovo sito web" all'interno dello stesso progetto in Visual Web Developer. Selezionare "Sito Web ASP.NET." Modificare la posizione del nuovo sito web per essere nella cartella di questo progetto. Ad esempio, "C: \ Users \ YourName \ Documenti \ Visual Studio 2010 \ Projects \ ServerControl1 \ TestWebSite."

7 Fare clic con il progetto TestWebSite in Solution Explorer e selezionare "Imposta come progetto di avvio." Fare clic con il progetto di nuovo e selezionare "Aggiungi riferimento". Il progetto dovrebbe essere visualizzata nella scheda Progetti. Selezionare e fare clic su "OK".

8 Fare clic con TestWebSite in Solution Explorer e selezionare "costruire sito web."

9 Aprire la Casella degli strumenti e fare clic destro in qualsiasi punto all'interno di esso. Selezionare "Aggiungi scheda" e inserire "ServerControl1." Fare clic sulla nuova scheda e selezionare "Scegli elementi." Passare alla cartella bin del TestWebSite. Selezionare ServerControl1.dll e fare clic su "Apri" e poi "OK".

10 Elimina "Benvenuto in ASP.NET!" da Default.aspx. Trascinare il nuovo controllo WelcomeLabel al suo posto. Aggiungere "Text =" Welcome "DefaultUserName =" Guest "" per il controllo WelcomeLabel dopo "runat =" server "."

11 Premere Ctrl + F5 per visualizzare in anteprima il vostro sito web di prova in un browser. "Benvenuto ospite!" deve essere visualizzato. Accedi utilizzando il link in alto a destra. Potrebbe essere necessario compilare il modulo di registrazione prima. Il messaggio dovrebbe ora dire "Benvenuto, il tuo nome!"