ASP.NET AJAX控件之PopupControl(日历控件)
2008-06-13 17:33
609 查看
aspx:
<title>AJAX控件之PopupControl</title>
</head>
<body style="text-align: center">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div style="text-align: center">
日历:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<asp:Panel ID="Panel1" runat="server" Height="184px" Width="171px">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Calendar ID="Calendar1" runat="server" BackColor="White" BorderColor="#999999"
CellPadding="4" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt"
ForeColor="Black" Height="180px" OnSelectionChanged="Calendar1_SelectionChanged"
Width="200px">
<SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />
<TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" />
<SelectorStyle BackColor="#CCCCCC" />
<WeekendDayStyle BackColor="#FFFFCC" />
<OtherMonthDayStyle ForeColor="#808080" />
<NextPrevStyle VerticalAlign="Bottom" />
<DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" />
<TitleStyle BackColor="#999999" BorderColor="Black" Font-Bold="True" />
</asp:Calendar>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
<br />
<cc1:PopupControlExtender ID="PopupControlExtender1" runat="server" PopupControlID="Panel1"
Position="Bottom" TargetControlID="TextBox1">
</cc1:PopupControlExtender>
</div>
</form>
</body>
</html>
cs:
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
PopupControlExtender1.Commit(Calendar1.SelectedDate.ToShortDateString());
}
<title>AJAX控件之PopupControl</title>
</head>
<body style="text-align: center">
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div style="text-align: center">
日历:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<asp:Panel ID="Panel1" runat="server" Height="184px" Width="171px">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Calendar ID="Calendar1" runat="server" BackColor="White" BorderColor="#999999"
CellPadding="4" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt"
ForeColor="Black" Height="180px" OnSelectionChanged="Calendar1_SelectionChanged"
Width="200px">
<SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />
<TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" />
<SelectorStyle BackColor="#CCCCCC" />
<WeekendDayStyle BackColor="#FFFFCC" />
<OtherMonthDayStyle ForeColor="#808080" />
<NextPrevStyle VerticalAlign="Bottom" />
<DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" />
<TitleStyle BackColor="#999999" BorderColor="Black" Font-Bold="True" />
</asp:Calendar>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
<br />
<cc1:PopupControlExtender ID="PopupControlExtender1" runat="server" PopupControlID="Panel1"
Position="Bottom" TargetControlID="TextBox1">
</cc1:PopupControlExtender>
</div>
</form>
</body>
</html>
cs:
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
PopupControlExtender1.Commit(Calendar1.SelectedDate.ToShortDateString());
}
相关文章推荐
- Asp.net完美日历控件,支持FireFox,IE7(AjaxControlToolKit.Calendar)中文版
- Asp.net完美日历控件,支持FireFox,IE7(AjaxControlToolKit.Calendar)中文版
- asp.net 2.0 ajax中使用PopupControlExtender
- 日历日程控件Scheduling Control for ASP.NET
- Asp.Net Ajax Control Toolkit 控件示范
- asp.net 2.0 ajax中使用PopupControlExtender
- ASP.NET AJAX控件之AlwaysVisibleControlExtender
- ASP.NET Ajax Toolkit使用ModalPopupExtender控件
- asp.net 2.0 ajax中使用PopupControlExtender
- ASP.NET AJAX Control Toolkit 控件说明
- 使用ASP.NET AJAX Control Toolkit中的NoBot控件拒绝垃圾发布程序
- ASP.Net 的按钮事件中显示ASPxPopupControl,控件显示不出来
- AjaxControlToolkit 微软出的ajax.net 工具使用教程十三 ModalPopupExtender 控件的使用
- ASP.NET AJAX Control Toolkit: ModalPopupExtender使用技巧(转)
- asp.net ajax control ModalPopupExtender demo
- asp.net Ajax Control Toolkit 34个服务器端控件
- ASP.NET AJAX Control Toolkit 控件说明
- 我的ASP.NET AJAX控件&mdash;&mdash;PopupNotificationExtender:实现OWA或Messenger样式的信息提示窗口
- ASP.NET AjaxControlToolkit-Framework4.0 配置实用(简单介绍CalendarExtender日期控件)
- 超酷asp.net 2.0 Ajax日历控件_Obout_Calendar控件去限制版