Hvordan lage Web Brukerkontroller med C #

C # bruker kontroller er som byggeklosser. Når du bygger en, kan du raskt bruke den til å lage mange forskjellige enheter. ASP.NET C # webutviklere bruke brukerkontroller for å spare tid og redusere programmeringsfeil. Tenk deg at du hadde 10 webskjemaer at alt som trengs for et komplekst Gridview kontroll. Vil du heller kopiere Gridview 10 ganger, eller ville du synes det er enklere å lage en enkelt Gridview innsiden av en brukerkontroll og sted som styrer inni alle skjemaene? Microsoft Visual Studio gjør dette mulig. Du kan raskt begynne å bruke brukerkontroller når du forstår det grunnleggende.

Bruksanvisning

1 Åpne Visual Studio og opprette en ny C # "Web Site" prosjekt. En liste over standard ASP.NET filer vises i Solution Explorer på høyre side av skjermen.

2 Klikk på "default.aspx" fil som ligger i listen. Det vil åpne i kildevisningsvinduet. Dette ASPX filen vil holde brukeren kontroll som du oppretter.

3 Høyreklikk et tomt område i Solution Explorer og velg "Legg til nytt element" for å åpne "Legg til nytt element" vinduet.

4 Dobbeltklikk på "Web User Control" og klikk "OK." Dette vil legge til en ny fil som heter "WebUserControl.ascx" til den Solution Explorer. Alle brukerkontrollene dele denne filtypen.

5 Dobbeltklikk på brukerkontrollen for å åpne kildevisningsvinduet. Dette vinduet vil vise kontrollens ASP.NET-kode:

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

Dette er en "direktiv" statement. Det forteller ASP.NET navnet på filen som inneholder brukerkontroll er C # -kode.

6 Legg til følgende HTML-kode til den eksisterende brukerkontrollkoden som ligger i kilde vise vinduer.

<H1> Denne overskriften kommer fra min bruker C # brukerkontroll </ h1>

Denne enkle overskriften vil være den eneste innholdet i denne brukerkontroll. I det virkelige liv, vil du legge til flere HTML-koder og ASP.NET webkontroller til brukeren kontroll. Når du legger til brukeren kontroll til enhver ASPX webskjema i prosjektet, vil denne overskriften vises.

7 Dobbeltklikk på "default.aspx" filen ligger i Solution Explorer. Denne filen standard HTML vises i kildekoden vinduet.

8 Legg til denne linjen med kode etter første <div> tag.

<UserControl: controlName runat = "server" />

Legg merke til hvordan verdiene for TagPrefix og TagNavn samsvarer med verdiene angitt i "Register" tag. Plassere noen brukerkontroll i alle webskjemaer ved å legge en TaqPrefix / tagname uttalelse til skjemaets HTML. Innholdet i brukerkontroll vil vises på innsiden av webskjema når du kjører programmet.

9 Kompilere og kjøre programmet. Når default.aspx åpnes i nettleseren din, vil du se teksten: "Dette overskriften kommer fra min bruker C # brukerkontroll."

Hint

  • Prøv å holde brukerkontroller i en egen mappe i Solution Explorer. Dette gjør det enklere å endre og vedlikeholde koden din. Mange utviklere opprette flere undermapper innenfor sine hovedmappene til grupperelaterte brukerkontroller. For eksempel kan du opprette en mappe for gridviews, en mappe for tekstbokser og en mappe for knapper