Ajax Toolkit 控件学习系列(5) —

　　Toolkit中给我们提供了很漂亮的CalendarExtender，而且我们还可以通过CSS自定义其显示的样式。今天简单学习下这个控件的简单使用。

　　还是先看效果。

　　首先，提示输入textbox中的内容，然后点击button按钮。

　　随后弹出来日历选项，如上图所示，没什么好说的。

　　选择自己的需要，然后返回一个日期到textbox中。

　　在这例子中。使用的控件是一个label，一个textbox，一个button。

　　Ajax中的介绍过的TextBoxWatermarkExtender，和将要介绍的，CalendarExtender。

　　TextBoxWatermarkExtender不用多说，用来控制textbox显示之前的内容。而CalendarExtender的TargetControlID自然是textbox，而PopupButtonID是指那个按钮触发弹出的日历，我们也可以选择一个自己喜欢需要的图片来代替，更加好看。CSS可以用来控制其样式的，鄙人水平有限，大家自己发挥吧。

　　后台也没有什么代码，前台一起分享。

<form id="form1" runat="server"><div><asp:ScriptManager ID="sm" runat="server"></asp:ScriptManager><asp:UpdatePanel ID="updatePanel1" runat="server"><ContentTemplate><asp:Label ID="lb_date" runat="server" Text="Input your birth:"></asp:Label><asp:TextBox ID="tb_date" runat="server" Text=""></asp:TextBox><asp:Button ID="btn" runat="server" Text="choose" /><ajax:TextBoxWatermarkExtender ID="water_tb" runat="server" TargetControlID="tb_date"                    WatermarkText="choose date" WatermarkCssClass="textbox"></ajax:TextBoxWatermarkExtender><ajax:CalendarExtender ID="ce_tb" runat="server" TargetControlID="tb_date" PopupButtonID="btn"                    Format="MM-d-yyyy" CssClass="cal"></ajax:CalendarExtender></ContentTemplate></asp:UpdatePanel></div></form>

Ajax Toolkit 控件学习系列(5) ——CalendarExtender使用相关推荐

Ajax Toolkit 控件学习系列(13) ——FilteredTextBoxExtender 控制输入
这个控件的作用是对TextBox所要输入的内容进行过滤控制.按照自己需要过滤,可以自定义,再或者使用定义好的方式. 看效果. 效果不是很突出,说明下,就是只能输入大写字母和数字.因为加了限制,但是具体 ...
AJAX Control Toolkit 控件学习(转自csdn山巅)
AJAX Control Toolkit 控件学习 2006-1-16 ToggleButton 关联ASP.NET CheckBox控件 RoundedCorder 造就圆角框 PasswordSt ...
ListView控件学习系列2-编辑ListView（Edit,Update,Insert,Delete）
目录: ListView控件学习系列1-了解ListView控件 ListView控件学习系列2-编辑ListView ListView控件学习系列3-ListView选择,排序,分页 ListVie ...
【转贴】ListView控件学习系列2-编辑ListView
[转贴]ListView控件学习系列2-编辑ListView 作者:方明原贴地址:http://www.cnblogs.com/nuaalfm/archive/2008/09/02/1281885. ...
Asp.net.Ajax控件学习
Asp.net.Ajax控件学习: 1. Accordion 功能: 实现了QQ.Msn好友分类的折叠效果,就像包含了多个CollapsiblePanels . 2. AlwaysVi ...
开始使用asp.net ajax的控件工具包AJAX Control Toolkit
我们来为我们的 toolbox 添加一些资源 , 这个要通过下载安装 asp.net ajax 工具包完成.登录 www.asp.net 点击 AJAX 按钮,然后找到 ASP.NET AJAX Co ...
第十一篇: Ajax Control Toolkit 控件包--下载与安装
Ajax Control Toolkit 控件包可以是说 == 超炫动态效果 !! 1.下载: 下载地址:http://www.codeplex.com/AtlasControlToolkit/Re ...
ajax control toolkit vs2013,如何将Ajax Control Toolkit控件安装到Visual Studio 2005工具箱
摘要:如何将 Ajax Control Toolkit 控件安装到 Visual Studio 2005 工具箱 How to Install Ajax Control Toolkit for Vis ...
telerik grid ajax,Telerik ajax 控件学习笔记 - Ajax
产品版本:RadControls for ASP.NET Ajax Q1 2009 Telerik 的控件实现 Ajax 的方式比 asp.net ajax 要简单些.有如下特点: 1. 不需要拖放很 ...

Ajax Toolkit 控件学习系列(5) ——CalendarExtender使用

Ajax Toolkit 控件学习系列(5) ——CalendarExtender使用相关推荐

最新文章

热门文章