18. NoBot
【功能概述】
提供了簡(jiǎn)單的Captcha 圖靈測(cè)試 用來(lái)屏蔽bot/spam 垃圾信息。是一個(gè)反垃圾信息控件。我查了一下資料，我的理解是：比如你點(diǎn)擊一個(gè)按鈕需要一秒鐘的時(shí)間，而這一秒鐘的時(shí)間你不可能再做其他的操作比如再點(diǎn)一次；這樣區(qū)分出了人和機(jī)器。避免機(jī)器人自動(dòng)點(diǎn)擊 注冊(cè) 暴力破解之類的事情
【 細(xì)節(jié)】
(1)OnGenerateChallengeAndResponse 這個(gè)屬性是EventHandler<NoBotEventArgs> 調(diào)用服務(wù)器端的方法，注意方法簽名
例如： protected void CustomChallengeResponse(object sender, NoBotEventArgs e) {……}
【示意代碼】
代碼示意：
<AjaxToolkit:NoBot
ID="NoBot2"
runat="server"
OnGenerateChallengeAndResponse="CustomChallengeResponse"
ResponseMinimumDelaySeconds="2"
CutoffWindowSeconds="60"
CutoffMaximumInstances="5" />
19. NumericUpDown
【功能概述】
實(shí)現(xiàn)Winform里面的Updown控件，可以自定義最大值最小值增減步長(zhǎng)，同時(shí)還可以使用值列表或者調(diào)用Web Service來(lái)決定下一個(gè)值是什么。上下按鈕的圖片同樣是可以自定義的。
【細(xì)節(jié)】
(1)普通整數(shù)增減
(2)值列表循環(huán)顯示比如下面的第二個(gè)例子RefValues
(3)調(diào)用Web Service的格式：
<AjaxToolkit:NumericUpDownExtender ID="NUD1" runat="server"
TargetControlID="TextBox1"
Width="100"
RefValues="January;February;March;April"
TargetButtonDownID="Button1"
TargetButtonUpID="Button2"
ServiceDownPath="WebService1.asmx"
ServiceDownMethod="PrevValue"
ServiceUpPath="WebService1.asmx"
ServiceUpMethod="NextValue"
Tag="1" />
(4)上下按鈕如果不需美化就這樣使用：TargetButtonDownID=" " TargetButtonUpID=" "
【示意代碼】
代碼示意：
<AjaxToolkit:NumericUpDownExtender ID="NumericUpDownExtender1" runat="server"
TargetControlID="TextBox1" Width="120" RefValues=""
ServiceDownMethod="" ServiceUpMethod="" TargetButtonDownID="" TargetButtonUpID="" />
<AjaxToolkit:NumericUpDownExtender ID="NumericUpDownExtender2" runat="server"
TargetControlID="TextBox2" Width="120" RefValues="January;February;March;April;May;June;July;August;September;October;November;December"
ServiceDownMethod="" ServiceUpMethod="" TargetButtonDownID="" TargetButtonUpID="" />
<AjaxToolkit:NumericUpDownExtender ID="NumericUpDownExtender4" runat="server"
TargetControlID="TextBox4" Width="80" TargetButtonDownID="img1"
TargetButtonUpID="img2" RefValues="" ServiceDownMethod="" ServiceUpMethod="" />
20. PagingBulletedList
【功能概述】
PagingBulletedList 擴(kuò)展BulletedList的分頁(yè)功能并實(shí)現(xiàn)客戶端的排序分頁(yè)。這里提供的分頁(yè)是相當(dāng)靈活的有各種分頁(yè)方法供選擇。
【細(xì)節(jié)】
(1)可以控制每頁(yè)最多顯示多少條，是否排序
(2)IndexSize表示index headings 的字符數(shù)，如果MaxItemPerPage設(shè)置了概屬性被忽略
(3)MaxItemPerPage分頁(yè)每頁(yè)最大條數(shù)
【示意代碼】
代碼示意：
<AjaxToolkit:PagingBulletedListExtender ID="PagingBulletedListExtender1" BehaviorID="PagingBulletedListBehavior1" runat="server"
TargetControlID="BulletedList1"
ClientSort="true"
IndexSize="1"
Separator=" - "
SelectIndexCssClass="selectIndex"
UnselectIndexCssClass="unselectIndex" />
21. PasswordStrength
【功能】
驗(yàn)證密碼強(qiáng)度，微軟Live注冊(cè)的時(shí)候就是用的這個(gè)效果。
【細(xì)節(jié)】
StrengthIndicatorType兩種顯示方式：文字提示，進(jìn)度條提示。
示例中Textbox1 Textbox3都沒(méi)有添加TextMode="Password" 所以在界面上我們可以輸入中文；而且輸入中文很快就達(dá)到較高安全度，當(dāng)然這沒(méi)有什么用處。
【示意代碼】
代碼示意：
<AjaxToolkit:PasswordStrength ID="PasswordStrength1" runat="server" DisplayPosition="RightSide" TargetControlID="TextBox1"
StrengthIndicatorType="Text" PreferredPasswordLength="10" PrefixText="Strength:"
HelpStatusLabelID="TextBox1_HelpLabel" TextCssClass="TextIndicator_TextBox1" TextStrengthDescriptions="Very Poor;Weak;Average;Strong;Excellent"
MinimumNumericCharacters="0" MinimumSymbolCharacters="0" RequiresUpperAndLowerCaseCharacters="false"/>
<AjaxToolkit:PasswordStrength ID="PasswordStrength2" runat="server" DisplayPosition="RightSide" TargetControlID="TextBox2"
StrengthIndicatorType="BarIndicator" PreferredPasswordLength="15" HelpStatusLabelID="TextBox2_HelpLabel"
BarIndicatorCssClass="BarIndicator_TextBox2" BarBorderCssClass="BarBorder_TextBox2"
MinimumNumericCharacters="1" MinimumSymbolCharacters="1" RequiresUpperAndLowerCaseCharacters="true" />
<AjaxToolkit:PasswordStrength ID="PasswordStrength3" runat="server" DisplayPosition="BelowLeft" TargetControlID="TextBox3"
StrengthIndicatorType="Text" PreferredPasswordLength="20" PrefixText="Meets Policy? " TextCssClass="TextIndicator_TextBox3"
MinimumNumericCharacters="2" MinimumSymbolCharacters="2" RequiresUpperAndLowerCaseCharacters="true"
TextStrengthDescriptions="Not at all;Very Low compliance;Low Compliance;Average Compliance;Good Compliance;Very High Compliance;Yes"
HelpHandleCssClass="TextIndicator_TextBox3_Handle" HelpHandlePosition="LeftSide" />
22．PopupControl
【功能概述】
PopupControl任何控件上都可以彈出任何內(nèi)容，跟HoverMenu功能類似。Popup 窗口一般是放在ASP.NET Ajax UpdatePanel中, 因此它能夠完成服務(wù)器端的處理之后更能新數(shù)據(jù)
顯示. Popup Window 可以包含任何內(nèi)容包括 ASP.NET server controls, HTML elements, etc.
【細(xì)節(jié)】
(1)TargetControlID - The ID of the control to attach to
(2)PopupControlID - The ID of the control to display
(3)CommitProperty -屬性來(lái)標(biāo)識(shí)返回的值
(4) CommitScript -把返回結(jié)果值通過(guò)腳本處理，用到CommitProperty
【代碼示意】
<AjaxToolkit:PopupControlExtender ID="PopupControlExtender2" runat="server" TargetControlID="MessageTextBox"
PopupControlID="Panel2" CommitProperty="value" CommitScript="e.value += ' - do not forget!';" Position="Bottom" />
23.Rating
【功能概述】
使用星級(jí)表示等級(jí)，鼠標(biāo)操作；
【細(xì)節(jié)】
鼠標(biāo)移動(dòng)等級(jí)也會(huì)變，而你真正要修改還要點(diǎn)擊一下；這是延續(xù)了WP10里面等級(jí)評(píng)定控件的傳統(tǒng)，也許這樣設(shè)計(jì)是真的有道理，我不清除。
【示意代碼】
代碼示意：
<AjaxToolkit:Rating ID="ThaiRating" runat="server"
CurrentRating="2"
MaxRating="5"
StarCssClass="ratingStar"
WaitingStarCssClass="savedRatingStar"
FilledStarCssClass="filledRatingStar"
EmptyStarCssClass="emptyRatingStar"
OnChanged="ThaiRating_Changed" />

24．ReorderList
【功能概述】
ReorderList是一個(gè)全新的控件。它可以實(shí)現(xiàn)逐條列出數(shù)據(jù)并實(shí)現(xiàn)交互。用戶簡(jiǎn)單的拖拽就可以改變數(shù)據(jù)的排列順序并更新到數(shù)據(jù)源。在本控件中如果SortOrderField 屬性設(shè)置之后排序?qū)⒆詣?dòng)完成。
【細(xì)節(jié)】
(1)綁定數(shù)據(jù)，拖動(dòng)數(shù)據(jù)之后數(shù)據(jù)將被更新到綁定源
(2)它不是已有控件的擴(kuò)展是全新的服務(wù)器端控件，只是它對(duì)Ajax行為是敏感的
(3)重排的實(shí)現(xiàn)有兩種方式：CallBack PostBack 前者的發(fā)生在頁(yè)面上是沒(méi)有PostBack的（也就是沒(méi)有刷新頁(yè)面）
(4) 而數(shù)據(jù)添加或者編輯的時(shí)候就必須要使用PostBack來(lái)同步服務(wù)器端的數(shù)據(jù)狀態(tài)
(5)PostbackOnReorder就是針對(duì)兩種策略進(jìn)行選擇
【示意代碼】
代碼示意：
<AjaxToolkit:ReorderList ID="ReorderList1" runat="server"
DataSourceID="ObjectDataSource1"
DragHandleAlignment="Left"
ItemInsertLocation="Beginning"
DataKeyField="ItemID"
SortOrderField="Priority"
AllowReorder="true">
<ItemTemplate> </ItemTemplate>
<ReorderTemplate> </ReorderTemplate>
<DragHandleTemplate> </DragHandleTemplate>
<InsertItemTemplate> </InsertItemTemplate>
</AjaxToolkit:ReorderList>
這個(gè)控件是非常獨(dú)立，并且還是適用于表現(xiàn)Buleted的數(shù)據(jù)，二維數(shù)據(jù)就無(wú)能為例了
DataSourceID="ObjectDataSource1" 這是必須要有的！下面是它的Template框架：
<AjaxToolkit:ReorderList ID="ReorderList1" PostBackOnReorder="false" runat="server" DataSourceID="ObjectDataSource1" CallbackCssStyle="callbackStyle"
DragHandleAlignment="Left" ItemInsertLocation="Beginning" DataKeyField="ItemID" SortOrderField="Priority">
<ItemTemplate></ItemTemplate>
<EditItemTemplate></EditItemTemplate>
<ReorderTemplate></ReorderTemplate>
<DragHandleTemplate> </DragHandleTemplate>
<InsertItemTemplate> </InsertItemTemplate>
</AjaxToolkit:ReorderList>
25. ResizableControl
【功能概述】
就像設(shè)計(jì)狀態(tài)一樣可以拖動(dòng)修改大小，可是有什么實(shí)際的意義么，放大字體？沒(méi)有想到
【 細(xì)節(jié)】
(1) HandleCssClass - The name of the CSS class to apply to the resize handle 這個(gè)屬性必須要有！
(2) WEB2.0時(shí)代用戶什么都是可以自定義的？？難道是這個(gè)原則下的產(chǎn)物么？？不理解
(3) 在前衛(wèi)的飛鴿網(wǎng)站上我都一直沒(méi)有看到關(guān)于ResizableControl的應(yīng)用，期待一個(gè)成功的應(yīng)用
【示意代碼】
代碼示意：
<AjaxToolkit:ResizableControlExtender ID="RCE" runat="server"
TargetControlID="PanelImage"
HandleCssClass="handleImage"
ResizableCssClass="resizingImage"
MinimumWidth="50"
MinimumHeight="20"
MaximumWidth="260"
MaximumHeight="130"
OnClientResize="OnClientResizeImage"
HandleOffsetX="3"
HandleOffsetY="3" />
26. RoundedCorners
【功能】
控件圓角 純粹是控制外觀的了，什么時(shí)候?qū)徝榔诹诉€要改。據(jù)說(shuō)GUI風(fēng)格也是N年一輪回，這讓我想起來(lái)了一個(gè)27KB的QQ，命令行界面，真的是這樣么？穿孔紙帶據(jù)說(shuō)是第一代GUI，不會(huì)有一天真的回到那個(gè)時(shí)代吧?
【細(xì)節(jié)】
(1)還有一個(gè)非常非常細(xì)節(jié)的地方：你必須要設(shè)置 CssClass="roundedPanel"要不然不起作用
(2) Radius設(shè)置弧度，默認(rèn)是5
(3)只適用于容器 WebControl
【示意代碼】
代碼示意：
<AjaxToolkit:RoundedCornersExtender ID="rce" runat="server" TargetControlID="Panel1" Radius="6" />
27. Slider
【功能概述】
實(shí)現(xiàn)WinForm中的Slider控件效果，新浪論壇用來(lái)分頁(yè)了，還有的用來(lái)調(diào)整“時(shí)間----------|----熱度”，創(chuàng)意！
【細(xì)節(jié)】
(1) 修改文本框的值也可以影響Slider的狀態(tài)
【示意代碼】
代碼示意：
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<cc1:SliderExtender ID="SliderExtender2" runat="server"
BehaviorID="Slider2"
TargetControlID="Slider2"
BoundControlID="TextBox1"
Orientation="Horizontal"
EnableHandleAnimation="true"
Minimum="0"
Maximum="100"
/>
28. Tabs NEW?。?！
Tabs是我認(rèn)為這一次新增控件中最實(shí)用的好東東， 在編碼風(fēng)格上與所有嵌套式的控件一樣：
<AjaxToolkit:TabContainer runat="server"
OnClientActiveTabChanged="ClientFunction"
Height="150px">
<AjaxToolkit:TabPanel runat="server"
HeaderText="Signature and Bio"
<ContentTemplate>
...
</ContentTemplate>
/>
</AjaxToolkit:TabContainer>
Demo效果讓我們很容易想到最近改版之后的網(wǎng)頁(yè)主頁(yè)和新浪主頁(yè) 和Accordion比較一下各有千秋，是對(duì)經(jīng)典WinForm的一種繼承。
29 .TextBoxWatermark
【功能概述】
對(duì)文本框進(jìn)行擴(kuò)展，文本水印效果。
看了幾十個(gè)WEB2.0的網(wǎng)站，沒(méi)想到，見(jiàn)到最多的就是這種水印效果，看來(lái)很受歡迎。
【示意代碼】
代碼示意：
<asp:TextBox ID="TextBox1" CssClass="unwatermarked" Width="150" runat="server"></asp:TextBox>
<cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="TextBox1" WatermarkText="請(qǐng)輸入用戶名" WatermarkCssClass="watermarked" />
30. ToggleButton
【功能概述】
就是把一個(gè)CheckBox的邏輯應(yīng)用到一個(gè)按鈕上，于是就有了雙態(tài)按鈕這么個(gè)玩意，有點(diǎn)意思啊
實(shí)際上示例頁(yè)面并沒(méi)有突出這個(gè)控件功能上的優(yōu)勢(shì)，對(duì)這個(gè)控件的操作引起頁(yè)面上數(shù)據(jù)的更新，這才是CheckBox控件封裝成Button的最終原因。
【示意代碼】
<asp:CheckBox ID="CheckBox1" Checked="true" Text="I like ASP.NET" runat="server"/>
<cc1:ToggleButtonExtender ID="ToggleButtonExtender1" runat="server" TargetControlID="CheckBox1" ImageWidth="19"
ImageHeight="19" UncheckedImageUrl="Image/down.gif" CheckedImageUrl="Image/up.gif" CheckedImageAlternateText="Check"
UncheckedImageAlternateText="UnCheck" />
31．UpdatePanelAnimation
【功能概述】
更新動(dòng)畫效果，個(gè)人認(rèn)為應(yīng)用于時(shí)間較短的場(chǎng)合，時(shí)間長(zhǎng)了這個(gè)動(dòng)畫就有點(diǎn)不合適了，畢竟這是一個(gè)過(guò)渡效果；時(shí)間長(zhǎng)還是UpdateProgress比較好。
【細(xì)節(jié)】
代碼結(jié)構(gòu)簡(jiǎn)單但是要說(shuō)的東西很多，回頭再說(shuō)寫專題吧
代碼示意：
<AjaxToolkit:UpdatePanelAnimationExtender ID="ae"
runat="server" TargetControlID="up">
<Animations>
<OnUpdating> </OnUpdating>
<OnUpdated> </OnUpdated>
</Animations>
</AjaxToolkit:UpdatePanelAnimationExtender>
32. ValidatorCallout
【功能概述】
Windows系統(tǒng)中最常見(jiàn)的氣泡提示，比如你磁盤空間不足的時(shí)候。是對(duì)數(shù)據(jù)驗(yàn)證控件的擴(kuò)展，比較實(shí)用，頁(yè)面效果的確是比以前那個(gè)紅色的星號(hào)醒目多了！
【細(xì)節(jié)】
Errormessage是一個(gè)開放的屬性，我們可以進(jìn)行豐富的擴(kuò)展，大膽的想象，讓顯示出來(lái)的氣泡更有意義
代碼示意：
<asp:RequiredFieldValidator runat="server" ID="PNReq" ControlToValidate="PhoneNumberTextBox" Display="None" ErrorMessage="<b>
Required Field Missing</b><br />A phone number is required.<div style='margin-top:5px;padding:5px;border:1px solid #e9e9e9;background-color:white;'>
<b>Other Options:</b><br /><a href='javascript:alert(&quot;No phone number available in profile.&quot;);'>Extract from Profile</a></div>" />
<AjaxToolkit:ValidatorCalloutExtender runat="Server" ID="PNReqE" TargetControlID="PNReq" HighlightCssClass="highlight" Width="350px" />
還有一段：
代碼示意：
<asp:RequiredFieldValidator runat="server" ID="NReq" ControlToValidate="NameTextBox" Display="None" ErrorMessage="<b>Required Field Missing</b><br />A name is required." />
<asp:RequiredFieldValidator runat="server" ID="PNReq" ControlToValidate="PhoneNumberTextBox" Display="None" ErrorMessage="<b>Required Field Missing</b><br />A phone number is required.<div style='margin-top:5px;padding:5px;border:1px solid #e9e9e9;background-color:white;'><b>Other Options:</b><br /><a href='javascript:alert(&quot;not implemented but you get the idea;)&quot;);'>Extract from Profile</a></div>" />
<asp:RegularExpressionValidator runat="server" ID="PNRegEx" ControlToValidate="PhoneNumberTextBox" Display="None" ErrorMessage="<b>Invalid Field</b><br />Please enter a phone number in the format:<br />(###) ###-####" ValidationExpression="((\(\d{3}\) ?)|(\d{3}-))?\d{3}-\d{4}" />
<cc1:ValidatorCalloutExtender runat="Server" ID="NReqE" TargetControlID="NReq" HighlightCssClass="highlight" />
<cc1:ValidatorCalloutExtender runat="Server" ID="PNReqE" TargetControlID="PNReq" HighlightCssClass="highlight" Width="350px" />
<cc1:ValidatorCalloutExtender runat="Server" ID="PNReqEx" TargetControlID="PNRegEx" HighlightCssClass="highlight" />
33. ListSearchExtender
【功能概述】
支持對(duì)ListBox or DropDownList的擴(kuò)展通過(guò)用戶鍵入的字符對(duì)列表中的數(shù)據(jù)進(jìn)行過(guò)濾，在WinForm中做的更好一些。順便說(shuō)一下在winform里面以前在VS6.0的時(shí)代我們是怎么實(shí)現(xiàn)這個(gè)功能的呢？還記得嗎？Sendmessage函數(shù)向ListBox或者Combox發(fā)送Find_Text消息，很懷舊了
【細(xì)節(jié)】
1. PromptText屬性的作用有兩個(gè)，一是顯示提示信息，省的用戶不知道還有這個(gè)功能。再者就是即時(shí)的顯示用戶輸入的數(shù)據(jù)。
2. 在Safari中DropDownList擴(kuò)展失效；Opera中后退鍵會(huì)被認(rèn)為要后退一頁(yè)?。。?
3. 顯然這個(gè)控件如果還有什么要說(shuō)的就是可以設(shè)置Prompt信息的外觀（樣式+位置）
看代碼：
<AjaxToolkit:ListSearchExtender id="LSE" runat="server"
TargetControlID="ListBox1"
PromptText="Type to search"
PromptCssClass="ListSearchExtenderPrompt"
PromptPosition="Top" />
34. Slider Show
【功能概述】
在Web2.0時(shí)代，博客是一個(gè)標(biāo)志，在博客上掛著的圖片幻燈片同樣成為一個(gè)標(biāo)記。
【細(xì)節(jié)】
1.首先它是對(duì)圖片控件的擴(kuò)展，之后的問(wèn)題就是：我們要把圖片取出來(lái)；下面是方法：SlideShowServiceMethod - The webservice method that will be called to supply images. The signature of the method must match this:
· [System.Web.Services.WebMethod]
· [System.Web.Script.Services.ScriptMethod]
public AjaxControlToolkit.Slide[] GetSlides() { ... }
1. 還要設(shè)置的就是Web Service 去圖片的路徑SlideShowServicePath
2. NextButtonID PlayButtonID PreviousButtonID PlayButtonText StopButtonText
PlayInterval ImageDescriptionLabelID Loop AutoPlay頭腦中想象著任何一個(gè)播放器，這些屬性就很容易理解了。
<AjaxToolkit:SlideShowExtender ID="SlideShowExtender1" runat="server"
TargetControlID="Image1"
SlideShowServiceMethod="GetSlides"
AutoPlay="true"
ImageDescriptionLabelID="imageLabel1"
NextButtonID="nextButton"
PlayButtonText="Play"
StopButtonText="Stop"
PreviousButtonID="prevButton"
PlayButtonID="playButton"
Loop="true" />