快速浏览AjaxControlToolKit控件(一)

一.AlwaysVisibleControlExtender

  重要的几个属性：

1.TargetControlID:需要悬浮的控件ID。

2.VerticalSide:垂直方向悬浮方式：top，Middle,Bottom。

3.HorizontalSide:水平方向悬浮方式：left,center,right。

4.ScrollEffectDuration 从原始位置到定义的位置的移动效果时长。

Code
<%@ Register
    Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
    <div>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <div style="width:230px;height:100px">
                    <asp:Panel ID="timer" runat="server"
                        Width="250px" BackColor="White" ForeColor="DarkBlue"
                        BorderWidth="2" BorderStyle="solid" BorderColor="DarkBlue" style="z-index: 1; background-color:Green;">
                            <div style="width: 100%; height: 100%; vertical-align: middle; text-align: center;">
                                <p>This is the Effect </p>
                                <span class="style1">
                                我能始终悬浮
                                </span>
                            </div>
                    </asp:Panel>
                    <ajaxToolkit:AlwaysVisibleControlExtender ID="AVCEx1" runat="server"
                        TargetControlID="timer"
                        VerticalSide="Top"
                        VerticalOffset="10"
                        HorizontalSide="Center"
                        HorizontalOffset="10"
                        ScrollEffectDuration=".1" />
                </div>
            </ContentTemplate>
         </asp:UpdatePanel>
        
    </div>
    </div>

二.CalendarExtender

主要属性：

1.TargetControlID:需要扩展日历控件输入的文本框ID

2.CSSClass:展示的日历的CSS样式类

3.Format:所选择的日期的转化格式

4.PopupButtonID:触发CalendarExtend控件ID，不选择则默认为被更新的文本框ID

Code
 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" 
        PopupPosition="BottomRight" TargetControlID="TextBox1"
        CssClass="MyCalendar"
            Format="MMMM d, yyyy">
    </ajaxToolkit:CalendarExtender>

扩展的日历的语言根据用户实际所在语言环境而改变，需要在scriptmanager中定义

Code
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="True" EnableScriptLocalization="True">
    </asp:ScriptManager>

三.AutoCompleteExtender

主要属性：

 1.TargetControlID:需要智能感知的TextBox的ID。

2.ServiceMethod：感知源也就是需要调用的web service中方法。

3.ServicePath：需要调用的web service的asmx路径。

4.MinimumPrefixLength：调用智能感知的最小字节长度。

5.CompletionInterval ：唤醒感知到感知完成的时间。

6.CompletionSetCount：感知完成返回的数据条数。

四.CollapsiblePanelExtender

主要属性：

1.TargetControlID:操作展开或者折叠的panel的ID

2.CollapseeSize:操作的对象折叠时候的尺寸

3.ExpandedSize:操作的对象展开时候的尺寸

4.Collapsed:对象初始化时候的状态

5.AutoCollapse:鼠标离开TargetControlID的时候对象是否自动折叠

6.AutoExpand:鼠标经过TargetControlID的时候对象是否自动展开

7.ScrollContents:对象是否根据实际大小自动出现滚动条

8.ExpandControlID/CollapseControlID:需要被折叠或者展开的对象ID

9.TextLabelID:对象是折叠或者展开的时候状态显示信息的Label,定义了

该属性则替换自带的html提示信息。

10.CollapsedText:对象折叠的时候TextLabel的提示信息

11.ExpandText:对象展开的时候TextLabel的提示信息

12，ImageControlID,CollapsedImage,ExpandImage功能与Label相同

13.ExpandDirection：展开折叠的方向