Calendar, classe

Donne au contrôle la capacité d'afficher un calendrier.

public class System.Web.UI.MobileControls.Calendar :
   System.Web.UI.MobileControls.MobileControl,
   System.Web.UI.IPostBackEventHandler

Notes

L'affichage du calendrier s'effectue par jour, par semaine ou par mois. L'affichage du mois complet sur un périphérique mobile dépend des fonctionnalités de ce dernier. En règle générale, le contrôle Calendar permet de sélectionner une date.

Le contrôle mobile Calendar enveloppe un contrôle Web Forms Calendar. Bien que le contrôle mobile Calendar reproduise certaines propriétés, méthodes et événements du contrôle sous-jacent, il n'expose pas les autres propriétés spécifiques au rendu HTML. Pour modifier ces dernières, vous pouvez accéder au contrôle sous-jacent via la propriété WebCalendar et changer directement les paramètres.

Exemple

L'exemple de code suivant montre comment la propriété SelectionMode du bloc de code du chargement de la page, permet à l'utilisateur de sélectionner un jour, une semaine ou un mois. Cet exemple définit les propriétés BorderStyle et BackColor de la classe Calendar pour distinguer la sélection de l'utilisateur.

<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage" 
   Language="VB" %>
<%@ Register TagPrefix="mobile"
    Namespace="System.Web.UI.MobileControls"
    Assembly="System.Web.Mobile" %>

<%@ Import NameSpace="System.Drawing" %>

<script language="vb" runat=server>

Protected Sub Page_Load(sender As Object, e As EventArgs)
   ' Display the day header if desired.
   Calendar1.ShowDayHeader = true

   ' This allows the user to select a week or a month at a time.
   Calendar1.SelectionMode = _
      CalendarSelectionMode.DayWeekMonth

   ' Set the BorderStyle and BorderColor properties.
   Calendar1.WebCalendar.DayStyle.BorderStyle = _
      BorderStyle.Solid
   Calendar1.WebCalendar.DayStyle.BorderColor = Color.Cyan
End Sub

Protected Sub ShowChanges(sender As Object, e As EventArgs)
   TextView1.Text = "The date you selected is " + _
      Calendar1.SelectedDate.ToShortDateString()

   ' Distinguish the selected block using colors.
   Calendar1.WebCalendar.SelectedDayStyle.BackColor = _ 
      Color.LightGreen
   Calendar1.WebCalendar.SelectedDayStyle.BorderColor = _ 
      Color.Gray
   Calendar1.WebCalendar.DayStyle.BorderColor = Color.Blue
End Sub

</script>
<mobile:Form id="Form1" runat=server>
<mobile:Calendar id="Calendar1" runat="server"
   OnSelectionChanged="ShowChanges" />
<mobile:TextView runat="server" id="TextView1" />
</mobile:Form>
[C#]
<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage" 
   Language="c#" %>
<%@ Register TagPrefix="mobile"
    Namespace="System.Web.UI.MobileControls"
    Assembly="System.Web.Mobile" %>

<%@ Import NameSpace="System.Drawing" %>

<script language="c#" runat=server>

protected void Page_Load(Object sender, EventArgs e)
{
   // Display the day header if desired.
   Calendar1.ShowDayHeader = true;

   // This allows the user to select a week or a month at a time.
   Calendar1.SelectionMode = 
      CalendarSelectionMode.DayWeekMonth;

   // Set the BorderStyle and BorderColor properties.
   Calendar1.WebCalendar.DayStyle.BorderStyle = 
      BorderStyle.Solid;
   Calendar1.WebCalendar.DayStyle.BorderColor = Color.Cyan;
}

protected void ShowChanges(Object sender, EventArgs e)
{
   TextView1.Text = "The date you selected is " + 
      Calendar1.SelectedDate.ToShortDateString();

   // Distinguish the selected block using colors.
   Calendar1.WebCalendar.SelectedDayStyle.BackColor = 
      Color.LightGreen;
   Calendar1.WebCalendar.SelectedDayStyle.BorderColor = 
      Color.Gray;
   Calendar1.WebCalendar.DayStyle.BorderColor = Color.Blue;
}

</script>
<mobile:Form id="Form1" runat=server>
<mobile:Calendar id="Calendar1" runat="server"
   OnSelectionChanged="ShowChanges" />
<mobile:TextView runat="server" id="TextView1" />
</mobile:Form>

Configuration requise

Espace de noms : System.Web.UI.MobileControls

Assembly : System.Web.Mobile

Voir aussi

Calendar, contrôle