Webformularer er websider bygget på ASP.NET-teknologien. Det udføres på serveren og genererer output til browseren. Den er kompatibel med enhver browser til ethvert sprog, der understøttes af .NET common language runtime. Det er fleksibelt og giver os mulighed for at oprette og tilføje brugerdefinerede kontroller.
Vi kan bruge Visual Studio til at oprette ASP.NET webformularer. Det er et IDE (Integrated Development Environment), der giver os mulighed for at trække og slippe serverkontroller til webformularerne. Det giver os også mulighed for at indstille egenskaber, hændelser og metoder til kontrollerne. For at skrive forretningslogik kan vi vælge ethvert .NET-sprog som: Visual Basic eller Visual C#.
Webformularer består af to komponenter: den visuelle del (ASPX-filen) og koden bag formularen, som ligger i en separat klassefil.
Fig: Dette diagram viser komponenterne i ASP.NET
Hovedformålet med webformularer er at overvinde begrænsningerne ved ASP og adskille visningen fra applikationslogikken.
ASP.NET giver forskellige kontrolelementer som: serverkontroller og HTML-kontroller til webformularerne. Vi har tabeller over alle disse kontroller nedenfor.
Server kontrol
Følgende tabel indeholder kontrolelementerne på serversiden til webformularerne.
| Kontrolnavn | Gældende begivenheder | Beskrivelse |
|---|---|---|
| Etiket | Ingen | Det bruges til at vise tekst på HTML-siden. |
| Tekstboks | TekstÆndret | Det bruges til at oprette en tekstinput i formularen. |
| Knap | Klik, Kommando | Den bruges til at oprette en knap. |
| Linkknap | Klik, Kommando | Den bruges til at oprette en knap, der ligner hyperlinket. |
| Billedknap | Klik | Den bruges til at oprette en billedknap. Her fungerer et billede som en knap. |
| Hyperlink | Ingen | Det bruges til at oprette en hyperlinkkontrol, der reagerer på en klikhændelse. |
| DropDown List | SelectedIndexChanged | Det bruges til at oprette en rullelistekontrol. |
| ListBoks | SelectedIndexCnhaged | Det bruges til at oprette en ListBox-kontrol som HTML-kontrollen. |
| DataGrid | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | Det plejede at skabe en frid, der bruges til at vise data. Vi kan også udføre personsøgning, sortering og formatering meget nemt med denne kontrol. |
| Dataliste | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | Det bruges til at oprette en dataliste, der ikke er i tabelform og bruges til at vise data. |
| Repeater | ItemCommand, ItemCreated, ItemDataBound | Det giver os mulighed for at oprette en ikke-tabel type format for data. Du kan binde dataene til skabelonelementer, som er ligesom bits af HTML sat sammen i et specifikt gentaget format. |
| Afkrydsningsfelt | CheckÆndret | Det bruges til at oprette afkrydsningsfelt. |
| CheckBoxList | SelectedIndexChanged | Det bruges til at oprette en gruppe af afkrydsningsfelter, der alle arbejder sammen. |
| Radio knap | CheckÆndret | Den bruges til at oprette alternativknap. |
| RadioButtonList | SelectedIndexChanged | Det bruges til at oprette en gruppe radioknap-kontroller, der alle arbejder sammen. |
| Billede | Ingen | Det bruges til at vise billedet på siden. |
| Panel | Ingen | Det bruges til at skabe et panel, der fungerer som en beholder. |
| Pladsholder | Ingen | Den bruges til at indstille pladsholder for kontrolelementet. |
| Kalender | SelectionChanged, VisibleMonthChanged, DayRender | Det bruges til at oprette en kalender. Vi kan indstille standarddatoen, gå frem og tilbage osv. |
| AdRotator | Annonceoprettet | Det giver os mulighed for at angive en liste over annoncer, der skal vises. Hver gang brugeren viser siden igen. |
| Bord | Ingen | Det bruges til at lave tabel. |
| XML | Ingen | Det bruges til at vise XML-dokumenter i HTML. |
| Bogstavelig | Ingen | Det er ligesom en etiket, idet det viser en bogstavelig, men giver os mulighed for at oprette nye bogstaver under kørsel og placere dem i denne kontrol. |
HTML kontrol
Disse kontroller gengives af browseren. Vi kan også lave HTML-kontroller som serverkontrol. vi vil diskutere om dette i vores tutorial yderligere.
| Navn på kontrol | Beskrivelse |
|---|---|
| Knap | Den bruges til at oprette HTML-knap. |
| Genstarts knap | Nulstiller alle andre HTML-formularelementer på en formular til en standardværdi |
| Indsend knap | Sender automatisk formulardataene til den angivne side, der er angivet i Action-attributten i FORM-tagget |
| Tekstfelt | Giver brugeren et inputområde på en HTML-formular |
| Tekstområde | Bruges til multi-line input på en HTML-formular |
| Filfelt | Placerer et tekstfelt og en Gennemse-knap på en formular og giver brugeren mulighed for at vælge et filnavn fra deres lokale maskine, når der klikkes på knappen Gennemse |
| Adgangskodefelt | Et inputområde på en HTML-formular, selvom alle tegn, der indtastes i dette felt, vises som stjerner |
| Afkrydsningsfelt | Giver brugeren et afkrydsningsfelt, som de kan markere eller fjerne |
| Radio knap | Bruges to eller flere til en formular, og giver brugeren mulighed for at vælge en af kontrollerne |
| Bord | Giver dig mulighed for at præsentere oplysninger i et tabelformat |
| Billede | Viser et billede på en HTML-formular |
| ListBoks | Viser en liste over elementer til brugeren. Du kan indstille størrelsen fra to eller flere for at angive, hvor mange elementer du ønsker at vise. Hvis der er flere elementer, end der passer inden for denne grænse, tilføjes en rullepanel automatisk til denne kontrol. |
| Dropdown | Viser en liste over elementer til brugeren, men kun ét element ad gangen vises. Brugeren kan klikke på en pil ned fra siden af denne kontrol, og en liste over elementer vil blive vist. |
| Vandret regel | Viser en vandret linje på tværs af HTML-siden |