Webformulieren zijn webpagina's die zijn gebouwd op de ASP.NET-technologie. Het wordt uitgevoerd op de server en genereert uitvoer naar de browser. Het is compatibel met elke browser en elke taal die wordt ondersteund door .NET Common Language Runtime. Het is flexibel en stelt ons in staat aangepaste besturingselementen te maken en toe te voegen.
We kunnen Visual Studio gebruiken om ASP.NET-webformulieren te maken. Het is een IDE (Integrated Development Environment) waarmee we serverbesturingselementen naar de webformulieren kunnen slepen en neerzetten. Het stelt ons ook in staat eigenschappen, gebeurtenissen en methoden voor de bedieningselementen in te stellen. Om bedrijfslogica te schrijven, kunnen we elke .NET-taal kiezen, zoals: Visual Basic of Visual C#.
Webformulieren bestaan uit twee componenten: het visuele gedeelte (het ASPX-bestand) en de code achter het formulier, die zich in een afzonderlijk klassenbestand bevindt.
Afb.: Dit diagram toont de componenten van ASP.NET
Het belangrijkste doel van Web Forms is om de beperkingen van ASP te overwinnen en de weergave te scheiden van de applicatielogica.
ASP.NET biedt verschillende bedieningselementen, zoals: serverbesturingselementen en HTML-besturingselementen voor de webformulieren. Hieronder vindt u tabellen met al deze bedieningselementen.
Serverbediening
De volgende tabel bevat de besturingselementen aan de serverzijde voor de webformulieren.
| Controlenaam | Toepasselijke evenementen | Beschrijving |
|---|---|---|
| Etiket | Geen | Het wordt gebruikt om tekst op de HTML-pagina weer te geven. |
| Tekstvak | TekstGewijzigd | Het wordt gebruikt om tekstinvoer in het formulier te maken. |
| Knop | Klik, Commando | Het wordt gebruikt om een knop te maken. |
| LinkKnop | Klik, Commando | Het wordt gebruikt om een knop te maken die lijkt op de hyperlink. |
| AfbeeldingKnop | Klik | Het wordt gebruikt om een imagesButton te maken. Hier werkt een afbeelding als een knop. |
| Hyperlink | Geen | Het wordt gebruikt om een hyperlinkbesturingselement te maken dat reageert op een klikgebeurtenis. |
| Keuzelijst | GeselecteerdeIndexGewijzigd | Het wordt gebruikt om een vervolgkeuzelijstbesturingselement te maken. |
| Keuzelijst | SelectedIndexCnhaged | Het wordt gebruikt om een ListBox-besturingselement te maken, zoals het HTML-besturingselement. |
| Data rooster | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | Vroeger werd er een frid gemaakt die wordt gebruikt om gegevens weer te geven. Met dit besturingselement kunnen we ook heel gemakkelijk paging, sortering en opmaak uitvoeren. |
| GegevensLijst | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | Het wordt gebruikt om een datalijst te maken die niet in tabelvorm is en wordt gebruikt om gegevens weer te geven. |
| Repeater | ItemCommand, ItemCreated, ItemDataBound | Hiermee kunnen we een niet-tabelvormig formaat voor gegevens creëren. U kunt de gegevens binden aan sjabloonitems, die lijken op stukjes HTML die in een specifiek herhalend formaat zijn samengevoegd. |
| Selectievakje | ControleerGewijzigd | Het wordt gebruikt om een selectievakje te maken. |
| CheckBoxLijst | GeselecteerdeIndexGewijzigd | Het wordt gebruikt om een groep selectievakjes te maken die allemaal samenwerken. |
| Radio knop | ControleerGewijzigd | Het wordt gebruikt om keuzerondjes te maken. |
| RadioButtonLijst | GeselecteerdeIndexGewijzigd | Het wordt gebruikt om een groep keuzerondjes te maken die allemaal samenwerken. |
| Afbeelding | Geen | Het wordt gebruikt om de afbeelding op de pagina weer te geven. |
| Paneel | Geen | Het wordt gebruikt om een paneel te maken dat als container werkt. |
| Plaatshouder | Geen | Het wordt gebruikt om een tijdelijke aanduiding voor het besturingselement in te stellen. |
| Kalender | SelectionChanged, VisibleMonthChanged, DayRender | Het wordt gebruikt om een kalender te maken. We kunnen de standaarddatum instellen, vooruit en achteruit gaan enz. |
| AdRotator | AdvertentieAangemaakt | Hiermee kunnen we een lijst met advertenties opgeven die moeten worden weergegeven. Elke keer dat de gebruiker de pagina opnieuw weergeeft. |
| Tafel | Geen | Het wordt gebruikt om een tabel te maken. |
| XML | Geen | Het wordt gebruikt om XML-documenten binnen HTML weer te geven. |
| Letterlijk | Geen | Het lijkt op een label in die zin dat het een letterlijke waarde weergeeft, maar ons in staat stelt om tijdens runtime nieuwe letterlijke waarden te maken en deze in dit besturingselement te plaatsen. |
HTML-besturingselementen
Deze bedieningselementen worden weergegeven door de browser. We kunnen ook HTML-besturingselementen maken als serverbesturing. we zullen hierover in onze tutorial bespreken.
| Controle Naam | Beschrijving |
|---|---|
| Knop | Het wordt gebruikt om een HTML-knop te maken. |
| Reset knop | Zet alle andere HTML-formulierelementen op een formulier terug naar een standaardwaarde |
| Verzendknop | POST automatisch de formuliergegevens naar de opgegeven pagina die wordt vermeld in het Action-attribuut in de FORM-tag |
| Tekstveld | Geeft de gebruiker een invoergebied op een HTML-formulier |
| Tekstgebied | Wordt gebruikt voor invoer van meerdere regels op een HTML-formulier |
| Bestandsveld | Plaatst een tekstveld en een knop Bladeren op een formulier en stelt de gebruiker in staat een bestandsnaam op zijn lokale computer te selecteren wanneer op de knop Bladeren wordt geklikt |
| Wachtwoordveld | Een invoergebied op een HTML-formulier, hoewel alle tekens die in dit veld worden getypt, als sterretjes worden weergegeven |
| Selectievakje | Geeft de gebruiker een selectievakje dat hij of zij kan in- of uitschakelen |
| Radio knop | Gebruikt twee of meer voor een formulier en stelt de gebruiker in staat een van de bedieningselementen te kiezen |
| Tafel | Hiermee kunt u informatie in tabelvorm presenteren |
| Afbeelding | Geeft een afbeelding weer op een HTML-formulier |
| Keuzelijst | Toont een lijst met items voor de gebruiker. U kunt de grootte instellen op twee of meer om aan te geven hoeveel items u wilt laten zien. Als er meer items zijn dan binnen deze limiet passen, wordt er automatisch een schuifbalk aan dit besturingselement toegevoegd. |
| Laten vallen | Toont een lijst met items voor de gebruiker, maar er verschijnt slechts één item tegelijk. De gebruiker kan op de pijl naar beneden klikken vanaf de zijkant van dit besturingselement, waarna een lijst met items wordt weergegeven. |
| Horizontale regel | Geeft een horizontale lijn weer over de HTML-pagina |