AJAX中日历控件的应用

阅读全文并下载：http://www.cckan.net/forum.php?mod=viewthread&tid=44

<%@ Page

Code
Language="C#" AutoEventWireup="true"   CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
     <title>无标题页</title>
</head>
<body>
     <form id="form1" runat="server">
     <asp:ScriptManager ID="ScriptManager1"   runat="server" EnableScriptGlobalization ="true" >
     </asp:ScriptManager>
     <div>
     </div>
     <cc1:CalendarExtender ID="CalendarExtender1" runat="server"
         TargetControlID="TextBox1">
     </cc1:CalendarExtender>
     <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
     </form>
</body>
</html>

下面是怎么加样式的应用
每个页面中有且只有一个的scriptmanager控件，一个文本框控件，一个AutoComplete控件，一个Calendar控件，这里为了简单两个控件的TargetControl都是同一个文本框。
当然别忘了页面开始的那句话：

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<asp:scriptmanager ID="Scriptmanager1" runat="server"></asp:scriptmanager>
<asp:TextBox ID="SearchText"  Width="150px" runat="server" />
<input type ="button" id ="show" />

<ajaxToolkit:CalendarExtender TargetControlID ="SearchText" CssClass="MyCalendar"
      runat ="server"  PopupButtonID="show" ID ="Calendar" Animated="true"
      Format="yyyy-MM-dd" Enabled="true"></ajaxToolkit:CalendarExtender>

<ajaxToolkit:AutoCompleteExtender runat="server" ID="AutoCompleteSearch"
         MinimumPrefixLength="1" TargetControlID="SearchText"
         ServicePath="AutoCompleteService.asmx"
         ServiceMethod="GetSearchTerms"></ajaxToolkit:AutoCompleteExtender>

首先来试试日历控件。TargetControlID就是日历控件要显示在哪个控件的下方，这里是SearchText文本框，Format是日期的格式。这里需要注意的是PopupButtonID,如果不设置这个属性，日历控件就在TargetControl获得焦点的时候显示，选择日期后也不会消失，而必须在TargetControl失去焦点的时候才消失，设置PopupButtonID属性，当点击这个Button的时候日历控件在TargetControl下方显示，选择日期后就消失，或者点击按钮消失。

下面是日历控件的CSS，目前就知道这些：

.MyCalendar .ajax__calendar_container
{
     border:1px solid #646464;background-color:#C0AB80; color: #FC2628; background-image:url(../Images/large62230.jpg);
}
     .MyCalendar .ajax__calendar_other .ajax__calendar_day,
     .MyCalendar .ajax__calendar_other .ajax__calendar_year
     {
          color: black;
     }
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year
  {    color:#6E52DB; font-size:medium;}
  .MyCalendar .ajax__calendar_active .ajax__calendar_day,
  .MyCalendar .ajax__calendar_active .ajax__calendar_month,
  .MyCalendar .ajax__calendar_active .ajax__calendar_year
  {    color: black;  font-weight:bold;}

转载于:https://www.cnblogs.com/sufei/archive/2009/03/14/1411689.html

AJAX中日历控件的应用相关推荐

Ajax Toolkit日历控件CalendarExtender求教！
Ajax Toolkit新控件CalendarExtender(日历控件) 在DIV中被下拉框遮挡了,如何能让其不被遮挡? 转载于:https://www.cnblogs.com/jerryleee1 ...
Excel 2007中日历控件使用
今天做Excel表格的时候,在表格中需要嵌入日历丰富表格的内容.结合网上找到的一些方法,把具体实现步骤整理了一下,加上一些我自己使用到的VB代码,自己留个脚印,以后也会用得上.本文档指导在Excel ...
Excel 2007中日历控件使用(文字)
在Excel中插入日历控件 1.在某一单元格中插入日历控件 (1)选中要插入日历控件的单元格,设置单元格格式为日期型: (2)点击工具栏,"插入-对象-日历控件", (3)用快捷方 ...
ajax 中Accordion控件的使用
先在界面加载好第三方控件. 找到Accordion.在界面拖放好. 再找到Accordion的属性中的Panes,点击,添加需要的几项. 我添加了四项 , 也就是说想要运行出来有4个选项 , 剩下来的 ...
WPF 4 日历控件（Calendar）
WPF 4 日历控件(Calendar) 原文:WPF 4 日历控件(Calendar) 在之前我已经写过两篇关于WPF 4 任务栏(Taskbar)相关的特性.相信自从VS2010 Beta 版放出 ...
wpf 日期选择对话窗_WPF 4 日历控件（Calendar）
在之前我已经写过两篇关于WPF 4 任务栏(Taskbar)相关的特性.相信自从VS2010 Beta 版放出后,WPF 的粉丝们肯定在第一时间了解了WPF 4 的一些新控件及新功能.赶在明天Visu ...
html怎样添加日历控件,向日历控件中添加自定义内容
向日历控件中添加自定义内容 String[][] holidays; void Page_Load(Object Sender, EventArgs e) { holidays = new Strin ...
python 自动化在日历中选择时间-Python中Selenium选择日期（选择日历控件）的方法...
1.日历控件中,年月日,一个一个的点击,灵活性太差,稳定性也差通过检查元素,日历空间就是一个文本输入框,可以用send_keys 检查元素 2.发现标签中存在readonly属性,这是一个只读标签不 ...
bootstrap中使用日历控件
在bootstrap中使用日历控件可以参照以下资料: http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm 以下是参照此资料自己做的一 ...

AJAX中日历控件的应用

AJAX中日历控件的应用相关推荐

最新文章

热门文章