|
ASP.NET AJAX Control Toolkit是一组非常不错的基于ASP.NET的ajax控件,它建立在ASP.NET 3.0的ScriptManager组件之上,提供了很多非常实用的效果和功能。大家可以去官方网站查看demo,ModalPopupExtender控件用来在网页中实现类似于模式对话框的效果,而CalendarExterder控件提供日期输入,它有几个很重要的属性:
- TargetControlID:日期输入的目标控件ID,一般来说都都是一个文本框。
- Format:日期格式,如yyyy-MM-dd。
- PopupButtonID:用户打开日期选择面板的控件ID,如按钮,图片等。
- PopupPosition:设置日期选择面板打开的位置,这个是相对于TargetControlID所在控件的位置的。有几个可选的值:BottomLeft,BottomRight,Left,Right,TopLeft,TopRight。
一般来说我们只需要设置这几个属性就可以满足应用了,除非你想自定义日期选择面板的显示样式,这时你需要自己给定CssClass。这里是一个例子。
<ASP:TextBox ID="tbBeginTime" runat="server" CssClass="singleText" MaxLength="10" Width="90">ASP:TextBox><ASP:Image ID="imgBeginTime" ImageUrl="http://www.cnblogs.com/Images/Admin/Calendar_scheduleHS.png" runat="server" />
<ajaxToolkit:CalendarExtender ID="CalendarExtenderBeginTime" Format="yyyy-MM-dd" TargetControlID="tbBeginTime" PopupButtonID="imgBeginTime" runat="server">
ajaxToolkit:CalendarExtender>
NET技术:完美解决在ModalPopupExtender中使用CalendarExtender时被层遮挡的问题,转载需保留来源!
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。