快速浏览AjaxControlToolKit控件(二)

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

五.DragPanelExtender

主要属性:

1.TargetControlID:被拖动的对象ID

2.DragHandleID:能够执行拖动操作的对象ID

当然DragHandleID我们可以在CSS中定义鼠标拖动时的标志

cursor:move

六.FilteredTextBox

主要属性:

1.TargetControlID:需要进行输入过滤的TextBox的ID

2.FilterType:过滤的字符类型,内置有:custom:原始。LowercaseLetters:小写字符

UppercaseLetters:大写字符。Numbers:整数类型。

3.VaildChars:在FilterType的基础是行可以例外的字符。

六.ModalPopup

主要属性:

1.TargetControlID:操作实现弹出层的控件ID

2.PopupControlID:弹出层的元素ID

3.BackgroudCssClass:弹出层实现后其他的页面元素的背景效果

4.OkControlID:在弹出层完成操作后关闭弹出层的ID

5.OnOKScript:在OKControlID点击后执行的脚本

6.OkCancleID:取消弹出层的ID

7.OkCancleScript:执行OkcancleID时候同步执行的脚本

8.PopubDragHandleControlID:弹出层拖动效果的控件ID

9.X:弹出层弹出时离屏幕正中心位置的X坐标

10.Y:弹出层弹出时离屏幕正中心位置的Y坐标

常用的backgroudcssclass:

快速浏览AjaxControlToolKit控件(二)快速浏览AjaxControlToolKit控件(二)Code
.modalBackground {
    background
-color:Gray;
    filter:alpha(opacity
=70);
    opacity:
0.7;
}

效果显示:

快速浏览AjaxControlToolKit控件(二)

七.PasswordStrength

1.TargetControlID:需要增加密码提示的TextBox的ID

2.DisplayPosition:提示控件的位置

3.StrengthIndicatorType:提示的方式:Text:文本,BarIndicator:进度条

4.PreferredPasswordLength:最佳提示出现时候的文本最小长度

5.TextCssClass:文本提示时候提示的CSS样式

6.MinimumNumericCharacters:文本中应出现数字的最小个数

7.MinimumSymbolCharacters:文本中应出现标记符号的最小个数

8.RequiresUpperAndLowerCaseCharacters:文本中是否要同时出现大写和小写字符

9.TextStrengthDescriptions:提示信息为Text的时候各种情况的提示信息,以";"隔开

10.CacluationWeightings:4种类型字符的标准比例,以";"隔开,四个值之和为100

11.BarBorderCssClass:当提示类型为BarIndicator时候Bar边框的CSS样式

12.BarIndicatorCssClass:当提示类型为BarIndicator时候Bar内部的CSS样式

13.HelpStatusLabelID:帮助信息的Label的ID

14.HelpHandleCssClass:帮助信息的Label的CSS样式

15.PrefixText:当提示类型为Text的时候附加的公共字符

16.HelpHandlePosition:帮助信息Label的位置

快速浏览AjaxControlToolKit控件(二)

快速浏览AjaxControlToolKit控件(二)快速浏览AjaxControlToolKit控件(二)Code
<asp:TextBox ID="TextBox1" Width="150" runat="server"  TextMode="Password" /><br />
        
<asp:Label ID="TextBox1_HelpLabel" runat="server" /><br /><br />
        
<ajaxToolkit:PasswordStrength ID="PasswordStrength1" runat="server" TargetControlID="TextBox1"
            DisplayPosition
="RightSide"
            StrengthIndicatorType
="Text"
            PreferredPasswordLength
="10"
            PrefixText
="密码强度:"
            HelpStatusLabelID
="TextBox1_HelpLabel"
            TextCssClass
="TextIndicator_TextBox1"
            TextStrengthDescriptions
="非常弱;弱;一般;安全;非常安全"
            MinimumNumericCharacters
="0"
            MinimumSymbolCharacters
="0"
            RequiresUpperAndLowerCaseCharacters
="false" />

八.Rating

主要属性:

1.AutoPostBack:点击星级的Item时是否回发

2.CurrentRating:初始化时候的星级级别

3.MaxRating:星级级别的最大值

4.ReadOnly:rating是否只读

5.StarCssClass:星级控件的样式

6.WaitingStartCssClass:等待模式时候星级的样式

7.FilledStartCssClass:已选择的星级的样式

8.EmptyStartCssClass:未选择模式时候星级的样式

9.RaingAlign:星级控件的对其方式:Vertical,Horizontal

10.RatingDirection:星级控件展示方式

11.OnChanged:星级选择改变时候回发事件

12.Tag:

aspx:

快速浏览AjaxControlToolKit控件(二)快速浏览AjaxControlToolKit控件(二)Code
<style type="text/css">
.ratingStar {
    font
-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background
-repeat: no-repeat;
}

.filledRatingStar {
    background
-image: url(Images/FilledStar.png);

}

.emptyRatingStar {
    background
-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background
-image: url(Images/SavedStar.png);
}
</style>

 

快速浏览AjaxControlToolKit控件(二)快速浏览AjaxControlToolKit控件(二)Code
<asp:UpdatePanel runat="server" id="up1">
            
<ContentTemplate>
                
<div style="float: left;">你对我们的售后服务感觉怎么样? &nbsp;</div>
                
<ajaxToolkit:Rating ID="ThaiRating" runat="server"
                    CurrentRating
="2"
                    MaxRating
="5"
                    StarCssClass
="ratingStar"
                    WaitingStarCssClass
="savedRatingStar"
                    FilledStarCssClass
="filledRatingStar"
                    EmptyStarCssClass
="emptyRatingStar"
                    OnChanged
="ThaiRating_Changed"
                    style
="float: left;" />
                    
                
<div style="clear:left;">
                    
<br />
                    
                    
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="Submit_Click" /><br /><br />
                    
<asp:Label ID="lblResponse" runat="server" Text="[没有选择]"></asp:Label>
                
</div>
            
</ContentTemplate>
        
</asp:UpdatePanel>

CS:

快速浏览AjaxControlToolKit控件(二)快速浏览AjaxControlToolKit控件(二)Code
using AjaxControlToolkit;protected void Submit_Click(object sender, EventArgs e)
    {
        
string howSpicy = "[unknown]";
        
switch (ThaiRating.CurrentRating)
        {
            
case 1:
                howSpicy 
= "";
                
break;
            
case 2:
                howSpicy 
= "一般";
                
break;
            
case 3:
                howSpicy 
= "中等";
                
break;
            
case 4:
                howSpicy 
= "良好";
                
break;
            
case 5:
                howSpicy 
= "优秀";
                
break;
        }
        lblResponse.Text 
= "您认为我们的服务: <b>" + howSpicy + "</b>.";
    }
    
protected void ThaiRating_Changed(object sender, RatingEventArgs e)
    {
        Thread.Sleep(
400);
        e.CallbackResult 
= "Update done. Value = " + e.Value + " Tag = " + e.Tag;
    }

 

快速浏览AjaxControlToolKit控件(二)

快速浏览AjaxControlToolKit控件(二)