Hvordan lage tilpassede Web Controls

Hvordan lage tilpassede Web Controls


Custom Web Kontrollene er helt passelig, og tilbyr design-tiden støtte. De kan også bli lagt til Integrated Development Environment tallet (IDE) verktøykasse, slik at du kan bruke dem i andre prosjekter. For å bruke egendefinerte Web-kontroll i andre prosjekter, begynner du ved å opprette en web Kontroll Library prosjekt i Visual Studio .NET. Så, for å bruke dem i andre prosjekter, setter du en referanse til biblioteket for dynamiske koblinger (DLL) i prosjektet. Dette eksemplet oppretter en tilpasset velkomst etikett med Visual C #.

Bruksanvisning

Opprett Velkommen Etikett Custom Web Kontroll

1 Velg "Start", "Alle programmer," "Microsoft Visual Studio 2010 Express" og deretter "Microsoft Visual Web Developer 2010 Express." Velg "Nytt prosjekt" fra "Fil" -menyen. Under "Installerte maler" på venstre, velg "Web" under det språket du ønsker.

2 Velg "ASP.NET Server Control." Skriv inn et navn for prosjektet. Klikk på "OK".

3 Åpne .CS fil opprettet. På linje 13, erstatte "ServerControl1" på begge steder med navnet på din kontroll. På linje 14, erstatte "WebControl" med "Label".

4 Slett all tekst fra linjene 16 til 37. Erstatt med:

[

Bindable(true),

Kategori ( "utseende"),

Standardverdi(""),

Description ( "Dette er teksten som vises når en bruker ikke er logget inn.")

Localizable (sann)

]

offentlig virtuell streng Default

{

{

string s = (streng) Visningsstatusen [ "Default"];

tilbake (s == null)? String.Empty: s;

}

sett

{

Visningsstatusen [ "Default"] = verdi;

}

}

beskyttet styrer void RenderContents (HtmlTextWriter forfatter)

{

writer.WriteEncodedText (tekst);

string displayUserName = Default;

if (Context! = null)

{

string username = Context.User.Identity.Name;

if (! String.IsNullOrEmpty (username))

{

displayUserName = username;

}

}

if (! String.IsNullOrEmpty (displayUserName))

{

writer.Write ( "");

writer.WriteEncodedText (displayUserName);

}

writer.Write ( "!");

}

5 Dobbeltklikk "AssemblyInfo.cs" under "Properites" i Solution Explorer. Legg til "hjelp System.Web.UI;" som ny første linje i dette dokumentet. Legg til "[montering: TagPrefix (" ServerControl1 "," aspSample ")]" på slutten av dette dokumentet. Velg "Lagre alle" fra "Fil" -menyen.

Test Velkommen Etikett Custom Web Kontroll

6 Velg "File", "Legg til" og deretter "New Web Site" i samme prosjekt i Visual Web Developer. Velg "ASP.NET Web Site". Endre plasseringen av nytt nettsted for å være i dette prosjektet mappe. For eksempel "C: \ Brukere \ dittnavn \ Documents \ Visual Studio 2010 \ Prosjekter \ ServerControl1 \ TestWebSite."

7 Høyreklikk TestWebSite prosjektet i Solution Explorer og velg "Angi som Oppstart Project." Høyreklikk på prosjektet igjen og velg "Add Reference". Prosjektet skal vises i kategorien Prosjekter. Velg den og klikk "OK."

8 Høyreklikk TestWebSite i Solution Explorer og velg "Bygg nettstedet."

9 Åpne verktøykassen og høyreklikke hvor som helst i den. Velg "Legg Tab" og skriv inn "ServerControl1." Høyreklikk den nye fanen og velg "Velg elementer." Bla til bin mappen på TestWebSite. Velg ServerControl1.dll og klikk "Åpne" og deretter "OK".

10 Slett "Velkommen til ASP.NET!" fra default.aspx. Dra den nye WelcomeLabel kontroll på sin plass. Legg til "Text =" Velkommen "Default =" Gjest "" til WelcomeLabel kontroll etter "runat =" server "."

11 Trykk Ctrl + F5 for å forhåndsvise test nettstedet i en nettleser. "Velkommen, Gjest!" skal vises. Logg inn ved å bruke linken øverst til høyre. Du må kanskje fylle ut registreringsskjemaet først. Meldingen skal nå si "Velkommen, navnet ditt!"