9.8 Ein Kalenderelement
Ein Kalender dient im Folgenden als Beispiel für eines der vielen vorgefertigten Server-Steuerelemente. Dem Benutzer wird der aktuelle Monat angezeigt, der aktuelle Tag und die Wochenendtage sind besonders hervorgehoben. Wählt der Benutzer einen Tag aus, so wird ihm das jeweilige Datum angezeigt. Dies ist nur ein kleiner Ausschnitt aus den umfangreichen Möglichkeiten eines Server-Steuerelements.
In diesem Fall ist auch keine Übermittlung zum Webserver notwendig. Alle Eigenschaften des Server-Steuerelements werden bei Aufruf der Seite übermittelt. Das Server-Steuerelement steht zwar in einem Formular, aber dies dient nur dazu, die getroffene Auswahl des Benutzers an JavaScript, also an ein Client-Programm, zu übermitteln. Daher ist es auch nicht notwendig, eine Page_Load-Prozedur zu erstellen. Die Funktionalität wird nicht zum Zeitpunkt des Ladens der Seite, sondern erst nach der Auswahl eines Tages benötigt.
Zunächst erscheint der Kalender und nach der Auswahl des Tages das zugehörige Datum (siehe Abbildung 9.9).
Abbildung 9.9 Kalenderelement
Es folgt der Code der Seite default.aspx in der Web-Anwendung mit dem Namen WebFormularKalender:
<html>
<head>
<title>WebFormularKalender</title>
<%@ page language="VB" %>
<script runat="server">
Sub auswahl(sender As Object, e As EventArgs)
Dim dt As DateTime
dt = kalender.SelectedDate
ausgabe.Text =
kalender.SelectedDate.
ToShortDateString()
End Sub
</script>
</head>
<body>
Kalender:
<form id="Form1" runat="server">
<asp:Calendar id="kalender" runat="server"
OnSelectionChanged="auswahl">
<TodayDayStyle BackColor="Red"
ForeColor="Yellow"></TodayDayStyle>
<WeekendDayStyle BackColor="Yellow"
ForeColor="Red"></WeekendDayStyle>
</asp:Calendar>
</form>
<p><asp:Label id="ausgabe" runat="server" /></p>
</body>
</html>
Listing 9.9 Projekt »WebFormularKalender«, Datei »default.aspx«
Zur Erläuterung des Visual-Basic-Blocks:
- Die Prozedur auswahl() wird aufgerufen, sobald der Benutzer die Auswahl gewechselt hat (OnSelectionChanged), also einen Tag ausgewählt hat.
- Das Element kalender vom Typ Calendar repräsentiert den Kalender. Die Eigenschaft SelectedDate beinhaltet den ausgewählten Tag im Datumsformat. Zur Anzeige wird dieses Datum mit der Methode ToShortDateString() in eine Zeichenkette umgewandelt.
- Das Element ausgabe ist ein Label, in dem die Auswahl angezeigt wird.
Zur Erläuterung des HTML-Containers:
- Innerhalb des Containers <form> ... </form> werden die Formularelemente notiert.
- Der Container <asp:Calendar> ... </asp:Calendar> kennzeichnet den Kalender.
- Das Element OnSelectionChanged sorgt dafür, dass bei einer Auswahl des Benutzers die Funktion auswahl() aufgerufen wird.
- Die Container TodayDayStyle und WeekendDayStyle dienen zur Formatierung des Kalenders.
Ihre Meinung
Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de.
