ASP.NET AJAX控件之PopupControl(日历控件)

本文介绍如何利用ASP.NET AJAX控件PopupControlExtender实现一个响应用户输入的日期选择器弹窗功能。具体包括配置ScriptManager、设置PopupControlExtender参数以及触发Calendar控件显示的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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());     }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值