快速浏览AjaxControlToolKit控件(一)

时间:2022-06-21 16:26:49

一.AlwaysVisibleControlExtender

  重要的几个属性:

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

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

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

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

快速浏览AjaxControlToolKit控件(一)

快速浏览AjaxControlToolKit控件(一)快速浏览AjaxControlToolKit控件(一)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

快速浏览AjaxControlToolKit控件(一)

快速浏览AjaxControlToolKit控件(一)快速浏览AjaxControlToolKit控件(一)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中定义

快速浏览AjaxControlToolKit控件(一)快速浏览AjaxControlToolKit控件(一)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:展开折叠的方向