Hoofdmenu
•  Home
•  ASP Tips
•  Artikelen
•  ASP Lessen
•  Scripts
•  Opleidingen
•  Resources
•  Madness Forum
•  Nieuws
•  Adverteren?

Members

Inloggen
Registreer je nu!
Wachtwoord vergeten?

Laatste reacties
26-11 ASP en formulieren
09-06 ASP en databases
14-03 SQL de basis
28-02 Formulier > E-mail
07-08 Nieuwe versie Madne...

Madness.nl Forum
08:47 application
08:46 Domein Hosting
08:45 USB webserver
08:45 Eigen Scripts
08:44 Database paging
10:21 Even voorstellen?
10:18 Re: It agree, it is..
10:16 ASp.NET MVC
20:42 GPS-applicatie VB v..
10:10 webservice


ASP.NET Server Controls Terug naar artikelen
Geplaatst door: Ramon
Geplaatst op: 14-11-2003 22:17:43
Laatste update: 14-11-2003 22:24:23
Aantal keer bekeken: 359789
 .NET basis: Server Controls

In dit artikel wordt de basis van de ASP.NET server controls uitgelegd. De verschillende server controls kunnen erg uitgebreid zijn waardoor er verschillende artikelen aan deze elementen gewijd zullen worden. Dit artikel zal beginnen met een korte introductie van ASP.NET. Vervolgens worden de twee server controls, de HTML server control en de Web server control, kort worden besproken met een aantal voorbeelden.

Een korte introductie
Nogmaals een korte introductie op het ASP.NET fenomeen. ASP.NET is de opvolger van ASP3.0. Dit keer is het geen upgrade van de oude versie, maar een compleet nieuw ontwikkelde omgeving als onderdeel van de Microsoft .NET framework.

Er zijn met ASP.NET een groot aantal dingen verbeterd:

  • Beter schaalbaar
  • Eenvoudig te configureren
  • Betere performance
  • Object Oriented

Net als bij ASP kan je bij ASP.NET verschillende talen gebruiken, zoals VB.NET, C# (C Sharp) of JScipt. In de voorbeelden zal er gebruik worden gemaakt van VB.NET.

Nu eerst wat over de ASP.NET server controls.

Server Controls
Door gebruik te maken van een mix van HTML en ASP werden de dynamische pagina's vaak erg rommelig en onduidelijk. Eerst een HTML tag en dan weer een blok ASP code, vaak niet erg duidelijk dus. Binnen ASP.NET is een duidelijke scheiding van uitvoerbare en HTML code aanwezig. Dit is mogelijk door de verschillende server controls die je tot je beschikking hebt. Een server control is niets anders dan een tag (bv <form>) die door de server wordt herkend en waarmee je server-side handelingen kunt uitvoeren.

Wanneer je de code runat="server" aan de code toevoegt, weet de server dat er met de tag iets kan gebeuren. Dit is belangrijk, omdat de tag anders gewoon als tekst wordt behandeld.

Het is ook belangrijk dat de server controls tags tussen <form runat="server"> en </form> worden geplaatst. Zo weet de server dat de code die hiertussen zit verwerkt moet worden.

Er zijn twee soorten server controls:

  1. HTML server controls
  2. Web server controls

Deze verschillende server controls worden in de volgend paragrafen verder uitgelegd.

HTML Server Control

HTML code wordt in ASP.NET gewoon als tekst behandeld. Er wordt verder niets mee gedaan. Wanneer je runat="server" in de tag toevoegd, krijg je opeens een element die kan dynamisch via code kan veranderen.

<script runat="server">

' Het Page_Load event wordt elke keer uitgevoerd als de pagina wordt geopend.
' De argumenten zijn standaard.
Sub Page_Load(Sender As Object,E As EventArgs)

' Geef de afbeelding met id imageLogo:
' de plaats en naam van het bestand
imageLogo.Src="/images/logo.gif"

' de alternatieve text, zegmaar het alt attribuut
imageLogo.Alt="Madness.nl Logo"

' de rand om de afbeelding heen, zegmaar het border attribuut
imageLogo.Border="0"

End Sub

</script>
<html>
<body>

<for runat="server">

<img id="imageLogo" runat="server" />

</form>

</body>
</html>

Resultaat

<script  runat="server">

' Het Page_Load event wordt elke keer uitgevoerd als de pagina wordt geopend.
' De argumenten zijn standaard.
Sub Page_Load(Sender As Object,E As EventArgs)

' Geeft de link met id link1 de volgende waarden:
' De link en target.
link1.Href="http://www.madness.nl"
link1.Target="_blank"

End Sub

</script>
<html>
<body>

<form runat="server">

<a id="link1" runat="server">Madness.nl</a>

</form>

</body>
</html>

Resultaat

Zoals je kan zien is de verwerking van de gegevens gescheiden van de HTML. Hieronder een overzicht van de verschillende HTML controls:

HtmlAnchor HtmlButton HtmlForm HtmlGenericControl
HtmlImage HtmlInputButton (Button) HtmlInputButton (Reset) HtmlInputButton (Submit)
HtmlInputCheckBox HtmlInputFile HtmlInputHidden HtmlInputImage
HtmlInputRadioButton HtmlInputText (Password) HtmlInputText (Text) HtmlSelect
HtmlTable HtmlTableCell HtmlTableRow HtmlTextArea

In een volgend artikel zullen deze HTML controls verder worden besproken.

Web Server Control

Een Web server control is vergelijkbaar met een HTML server control, alleen zijn Web server controls speciaal voor ASP.NET. Achter een Web control kan veel meer zitten dan bij een HTML control.

Een web control element ziet er als volgt uit:

<asp:naam id="uniek id" runat="server" />

Verder kunnen er nog divere opties toegevoegd worden die per element verschillend zijn.

Hieronder een voorbeeld van een button en de "calender" web control zonder opmaak.

<script runat="server">

Sub verwerk(Source As Object, e As EventArgs)

button1.Style("font-weight")="bold"
button1.Text="Klikkkkk!"

End Sub

</script>

<html>
<body>

<form runat="server">

<asp:Button id="button1" Text="Klik hier" runat="server" OnClick="verwerk" />

</form>

</body>
</html>

Resultaat

In dit voorbeeld wordt er een button gemaakt waaraan een verwerk actie is gekoppeld. Wanneer de knop wordt ingedrukt zal de sub "verwerk" worden aangesproken. Deze functie zorgt er in het voorbeeld voor dat de tekst van de button wordt veranderd en dat het lettertype vet wordt. Zo zijn er nog veel meer mogelijkheden om een Web control aan te passen.

Een kalender op de meest eenvoudige manier:

<html>
<body>
<form runat="server">
<asp:Calendar runat="server" />
</form>
</body>
</html>

Resultaat

Hieronder een overzicht van de beschikbare Web controls:

AdRotator Button Calendar CheckBox
CheckBoxList CompareValidator CustomValidator DataGrid
DataList DropDownList HyperLink Image
ImageButton Label LinkButton ListBox
Panel PlaceHolder RadioButton RadioButtonList
RangeValidator RegularExpressionValidator Repeater RequiredFieldValidator
Table TableCell TableRow TextBox
ValidationSummary XML    

De Web controls zijn redelijk uitgebreid, dus ook hier komen we later nog op terug.


1 
Reacties
Reacties: ASP.NET Server Controls (Aantal reacties: 6 )
» Nieuwe reactieView Mode : Full | Preview | Refresh
First | Previous | Next | Last
Door: DaanJun 26, 10:57
Naast bestaande webcontrols is het ook erg makkelijk om ze zelf te maken. a.k.a. web user controls.

Dit zijn vaak voorkomende stukjes html MET code. Bijvoorbeeld een menu of een loginscherm.

Ze zijn snel toe te voegen aan een pagina zowel direct (zoals in dit artikel is beschreven <asp:textbox runat=server etc>) of in de code.
 (Reply...)
Door: DaanJun 26, 11:00
In augustus komt er geloof ik ook een open beta van asp.net whidbey (V 2.0!!!) Er zitten hier veel veranderingen in, natuurlijk voornamelijk verbeteringen. Misschien ook goed om hier eens op in te gaan aangezien er veel over valt te zeggen.

Daarnaast is het handig om een introductie met OO te geven. Is onontbeerlijk als je op een juiste/overzichtelijke manier met je eigen code om wil gaan en als je goed gebruik wilt gaan maken van de bestaande .net classes.
 (Reply...)
Door: FlyingdApr 9, 02:11
Zover ik het hier kan zien is het gwoon bijna Visual Basic , Wel leuk. Betekent het ook dat je net als bij VB extra controls kan inladen behalve de standaard controls?
 (Reply...)
Door: HermenFeb 17, 00:10
Ben zelf ook begonnen met .Net. Is even moeilijk om te beginnen maar het werkt echt veel overzichtelijker!
 (Reply...)
Door: Da SharkNov 16, 21:52
dat ziet er wel een stuk moeilijker uit dan het "gewone" asp.

Ik ken de meeste webcontrols wel (de betekenis toch) maar wat is een datagrid?
 (Reply...)
Door: Ramon (Admin)Nov 17, 10:07
De datagrid webcontrol kan je gebruiken om gegevens uit een database in bv tabelvorm te tonen. Dit is denk de meest uitgebreide web control.

In het begin dacht ik ook dat het veel moeilijker was. je moet gewoon dat OO verhaal een beetje snappen. Het is allemaal redelijk makkelijk gemaakt, maar je kan het heel ingewikkeld maken als je dat zelf wil.

Ik ben zelf ook nog niet zo ver gevorderd met .NET. Ik ben nu ook pas 2/3 weken met .NET bezig.
 (Reply...)
Hoofdstukken
.NET basis: Server C...

Acties
Geen acties beschikbaar

Zoeken
Zoekterm(en):

Vevida - Internet Service Provider

Eduvision opleidingen

OrangeWebbers
Copyright © 2002-2004 Ramon Siem A Joe