当前位置:沸点梦工场 > WAP网页设计 > Asp.net wap开发教程 > 浏览文章

ASP.NET 移动控件-Calendar 控件

互联网 2007年06月21日 【字体:

Calendar 控件提供日期选取功能的方式与 ASP.NET 移动 Calendar 控件相同,但它显示在移动设备上。

如果用户选择了一个日期,浏览到另一页,然后再浏览回具有 Calendar 控件的页,则不会向用户指示他们选择了哪个日期。如果页显示日期将提高可用性,如示例中所示。

移动控件语法
必需的属性、默认值和具有代码特征的元素以粗体显示。

<mobile:Calendar
   runat="server"
   id="id"
   Font-Name="fontName"
   Font-Size="{NotSet|Normal|Small|Large}"
   Font-Bold="{NotSet|False|True}"
   Font-Italic="{NotSet|False|True}"
   ForeColor="foregroundColor"
   BackColor="backgroundColor"
   Alignment="{NotSet|Left|Center|Right}"
   Wrapping="{NotSet|Wrap|NoWrap}"
   BreakAfter="{True|False}"
   EnableViewState="{True|False}"
   StyleReference="styleReference"
   Visible="{True|False}"

   CalendarEntryText="calendarEntryText"
   FirstDayOfWeek="{Default|Sunday|Monday|Tuesday|Wednesday|
      Thursday|Friday|Saturday|Sunday}"
   OnSelectionChanged="selectionChangedHandler"
   SelectedDate="selectedDate"
   SelectionMode="{None|Day|DayWeek|DayWeekMonth}"
   ShowDayHeader="{True|False}"
   VisibleDate="visibleDateMonth"
/>
包容规则
以下控件可以包含 Calendar 控件。

控件 说明
System.Web.UI.MobileControls.Form 可以包含任意多个 Calendar 控件。
System.Web.UI.MobileControls.Panel 可以包含任意多个 Calendar 控件。

Calendar 控件不能包含任何其他控件。

设备模板
无。

特定于设备的行为
使用 Calendar 控件请求用户选择日期并让该日期可供包含应用程序使用。

设备语言 行为描述
HTML 虽然移动 Calendar 控件模仿 Web 窗体 Calendar 控件的许多属性,但它不公开特定于 HTML 呈现的那些属性。若要使用这些 Web 窗体属性,请访问基础 Web 窗体 Calendar 控件并通过使用 WebCalendar 属性显式修改这些设置。
WML Calendar 控件向用户提供了一组选择日期的替换方法。其中一种选择允许用户直接键入日期,而其他方法指导用户通过一系列的输入屏幕选择一个日期。

示例
下面的示例创建一个 Calendar 控件,该控件向用户请求一个日期,然后将选定的日期传回该用户。

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

<script language="VB" runat="server">
protected Sub Calendar_SelectionChanged(sender As Object, e As EventArgs)
   DateLabel.Text = "The date you selected is " + _
      Cal.SelectedDate
   ActiveForm = Form2
End Sub
</script>

<mobile:Form id="Form1" runat="server">
   <mobile:Calendar id="Cal"
      OnSelectionChanged="Calendar_SelectionChanged"
      runat="server"/>
</mobile:Form>

<mobile:Form id="Form2" runat="server">
   <mobile:Label id="DateLabel" runat="server"/>
</mobile:Form>
[C#]
<%@ Page Inherits="System.Web.UI.MobileControls.MobilePage"
    Language="C#" %>
<%@ Register TagPrefix="mobile"
    Namespace="System.Web.UI.MobileControls"
    Assembly="System.Web.Mobile" %>

<script language="c#" runat="server">
protected void Calendar_SelectionChanged(Object sender, EventArgs e)
{
   Date.Text = "The date you selected is " +
      Cal.SelectedDate;
   ActiveForm = Form2;
}
</script>

<mobile:Form id="Form1" runat="server">
   <mobile:Calendar id="Cal"
      OnSelectionChanged="Calendar_SelectionChanged"
      runat="server"/>
</mobile:Form>

<mobile:Form id="Form2" runat="server">
   <mobile:Label id="Date" runat="server"/>
</mobile:Form>