五.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:
.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}
效果显示:
七.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的位置
<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:
<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>
<asp:UpdatePanel runat="server" id="up1">
<ContentTemplate>
<div style="float: left;">你对我们的售后服务感觉怎么样? </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:
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;
}