CalendarExtender
来源:互联网 发布:公司软件打卡 编辑:程序博客网 时间:2024/05/22 03:48
本章主要介绍CalendarExtender的使用方法。CalendarExtender组件比.net原来自带的Calendar控件效果更Cool,使用方法也丰富了很多。
第一步:建立AJAX Control Toolkit Website
为了演示CalendarExtender丰富的使用方法,本例子一共使用了两个TextBox控件、一个Image控件和两个CalendarExtender组件。我会通过两个TextBox演示CalendarExtender两种不同的使用方法。我们将以上控件都拖进设计界面,代码如下:
当然我们还需要准备一个简单的样式表,让Calendar显得更漂亮,具体代码如下所示:
注意:以上样式套用了页面输出客户端后系统为Calendar自动生成的ID,大家不需要理解这部分代码,只需要按照相应的位置设置好风格就可以了。
第二步:设置CalendarExtender
由于我演示了CalendarExtender的两种用法,因此设置有两种,但差别不大,具体代码如下所示:
CalendarExtender1是最基本用法,我们直接把它的TargetControlID设为TextBox1,当TextBox1获得焦点时,CalendarExtender1就会自动展开,直到TextBox1失去焦点为止。而CalendarExtender2的用法有些特别,它比CalendarExtender1多了个PopupButtonID属性,值为Image1。它指我们可以通过点击Image1来激活CalendarExtender2控件,但选择完日期后,值还是返回到TargerControl即TextBox2那里。当选择完日期后,CalendarExtender2会自动消失。同时我们还定义了时间的显示格式,Format="yyyy-MM-dd"。
OK,运行,效果如下图:
点击TextBox1后CalendarExtender1自动展开。
点击Image1后CalendarExtender2会自动展开,选择完日期后CalendarExtender2会自动消失,并且日期的显示格式是我们所指定的格式。
结束:
本章主要介绍了CalendarExtender的使用方法。作为Ajax.net的日期控件,CalendarExtender还有很多很炫的功能,这需要大家自行研究一一发掘出来。
- CalendarExtender
- CalendarExtender
- 使用CalendarExtender
- 使用CalendarExtender
- 使用CalendarExtender
- CalendarExtender本地化支持
- CalendarExtender控件注意事项
- .net ajax控件:CalendarExtender
- Ajax 中 CalendarExtender 应用..
- CalendarExtender 日历显示中文
- CalendarExtender中文显示
- ajax 中的CalendarExtender用法
- CalendarExtender日历控件
- CalendarExtender只選年月
- CalendarExtender日历中文本地化支持
- 扩展CalendarExtender的应用场合
- 日期控件CalendarExtender的使用
- CalendarExtender日历中文本地化支持
- [日语二级语法]日语能力测试二级语法详解 3
- DropDownExtender
- 关于c++对象全局对象析构的几点记录
- PopupControlExtender
- 实战Spring中AOP
- CalendarExtender
- ModalPopupExtender
- 敏捷开发的前提:迭代开发的简单描述
- 计算机学习心得
- linux环境变量设置
- Sql Server 无法安装
- 长假归来
- struts2提供的校验器列表(黎活明主讲4)
- js年月日下拉框IE,Firefox,Opera浏览器都可以使用