Programmeren in ASP.NET/HTML-controls: verschil tussen versies
Verwijderde inhoud Toegevoegde inhoud
→Hoe gebruik je ze?: InnerHtml met de juiste hoofdletters - makkelijker om dat met C# te gebruiken. |
source en sub |
||
Regel 26:
''imagevoorbeeld.htm''
<
<head>
<title>ASP.NET image</title>
Regel 35:
</body>
</html></
In een eerste stap maken we er een aspx-pagina van:
''imagevoorbeeld1.aspx''
<
<html>
<head>
Regel 50:
</body>
</html></
Een gewone image zou op deze manier geschreven worden:
Regel 65:
De HTML-code van het resultaat is de volgende:
<
<head>
<title>ASP.NET image</title>
Regel 74:
</body>
</html></
Het runat="server"-attribuut is in het resultaat verdwenen, net zoals de eerste regel.
Regel 85:
''imagevoorbeeld2.aspx''
<
<script runat="server">
Sub Page_Load(ByVal Sender As Object, ByVal E As EventArgs)
Regel 101:
</body>
</html></
Opmerkingen
Regel 116:
''imagevoorbeeld3.aspx''
<
<script runat="server">
Regel 135:
</form>
</body>
</html></
Nu kan je de afbeelding veranderen door op de knop te klikken.
Regel 149:
''helloworld3.aspx''
<
<script runat="server">
Sub Page_Load(Sender As Object, E As EventArgs)
Regel 164:
</body>
</html></
Nota: de <p>-tag heeft geen overeenkomstige HTML-control en wordt daarom verwerkt als een control van het type HtmlGenericControl. Deze heeft een eigenschap InnerText, die je kan gebruiken om de inhoud van de tag te veranderen.
Regel 182:
''0to9.aspx''
<
<script runat="server">
Sub Page_Load(Sender as Object, E as EventArgs)
Regel 199:
<img id="imgVoorbeeld" runat="server" />
</body>
</html></
Als je deze pagina opvraagt krijg je bijvoorbeeld dit resultaat:
<
<head>
<title>ASP.NET Number Images</title>
Regel 209:
<img src="images/digit_4.gif" id="imgVoorbeeld" alt="4" />
</body>
</html></
Merk op dat er geen enkele variabele of geen enkele code buiten het ene nette script blok staat. Server-controls maken deze flexibiliteit mogelijk. Je kan zelfs alle code in een apart bestand (bv. 0to9.aspx.vb) zetten. Dit doe je door bij de creatie van een nieuwe pagina de optie "Place code in separate file" aan te vinken. In de pagina krijg je dan bij het Page-directief de volgende attributen:
Regel 285:
''serverclicktest.aspx''
<
<script runat="server">
Regel 330:
</form>
</body>
</html></
Merk op dat je voor het onClick-event de functie opgeeft inclusief de haakjes en eventuele parameters (zoals Button_Click(1) ), terwijl je voor het onServerClick-event alleen de naam van de functie opgeeft. Parameters zijn daar niet toegelaten, ASP.NET kent zelf de standaard parameters toe.
Regel 353:
''dynamisch.aspx''
<
<script runat="server">
Regel 381:
</form>
</body>
</html></
Je kan hetzelfde soort functionaliteit ook bekomen met behulp van datacontrols, zoals de Repeater<!-- (zie hoofdstuk 17)-->.
Regel 389:
*http://www.aspalliance.com/aspxtreme/aspnet/syntax/aspsyntaxforhtmlcontrols.aspx
<!-- ------------- Hieronder onderhoudsmeldingen ----------------- -->
{{Navigatie
|Boek=Programmeren in ASP.NET
Regel 396 ⟶ 397:
}}
{{sub}}
{{GFDL-oud}}
| |||