18. NoBot
【功能概述】
提供了簡單的Captcha 圖靈測試 用來屏蔽bot/spam 垃圾信息。是一個反垃圾信息控件。我查了一下資料，我的理解是：比如你點擊一個按鈕需要一秒鐘的時間，而這一秒鐘的時間你不可能再做其他的操作比如再點一次；這樣區(qū)分出了人和機器。避免機器人自動點擊 注冊 暴力破解之類的事情
【 細節(jié)】
(1)OnGenerateChallengeAndResponse 這個屬性是EventHandler<NoBotEventArgs> 調用服務器端的方法，注意方法簽名
例如： protected void CustomChallengeResponse(object sender, NoBotEventArgs e) {……}
【示意代碼】
代碼示意：
<AjaxToolkit:NoBot
ID="NoBot2"
runat="server"
OnGenerateChallengeAndResponse="CustomChallengeResponse"
ResponseMinimumDelaySeconds="2"
CutoffWindowSeconds="60"
CutoffMaximumInstances="5" />
19. NumericUpDown
【功能概述】
實現Winform里面的Updown控件，可以自定義最大值最小值增減步長，同時還可以使用值列表或者調用Web Service來決定下一個值是什么。上下按鈕的圖片同樣是可以自定義的。
【細節(jié)】
(1)普通整數增減
(2)值列表循環(huán)顯示比如下面的第二個例子RefValues
(3)調用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 擴展BulletedList的分頁功能并實現客戶端的排序分頁。這里提供的分頁是相當靈活的有各種分頁方法供選擇。
【細節(jié)】
(1)可以控制每頁最多顯示多少條，是否排序
(2)IndexSize表示index headings 的字符數，如果MaxItemPerPage設置了概屬性被忽略
(3)MaxItemPerPage分頁每頁最大條數
【示意代碼】
代碼示意：
<AjaxToolkit:PagingBulletedListExtender ID="PagingBulletedListExtender1" BehaviorID="PagingBulletedListBehavior1" runat="server"
TargetControlID="BulletedList1"
ClientSort="true"
IndexSize="1"
Separator=" - "
SelectIndexCssClass="selectIndex"
UnselectIndexCssClass="unselectIndex" />
21. PasswordStrength
【功能】
驗證密碼強度，微軟Live注冊的時候就是用的這個效果。
【細節(jié)】
StrengthIndicatorType兩種顯示方式：文字提示，進度條提示。
示例中Textbox1 Textbox3都沒有添加TextMode="Password" 所以在界面上我們可以輸入中文；而且輸入中文很快就達到較高安全度，當然這沒有什么用處。
【示意代碼】
代碼示意：
<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任何控件上都可以彈出任何內容，跟HoverMenu功能類似。Popup 窗口一般是放在ASP.NET Ajax UpdatePanel中, 因此它能夠完成服務器端的處理之后更能新數據
顯示. Popup Window 可以包含任何內容包括 ASP.NET server controls, HTML elements, etc.
【細節(jié)】
(1)TargetControlID - The ID of the control to attach to
(2)PopupControlID - The ID of the control to display
(3)CommitProperty -屬性來標識返回的值
(4) CommitScript -把返回結果值通過腳本處理，用到CommitProperty
【代碼示意】
<AjaxToolkit:PopupControlExtender ID="PopupControlExtender2" runat="server" TargetControlID="MessageTextBox"
PopupControlID="Panel2" CommitProperty="value" CommitScript="e.value += ' - do not forget!';" Position="Bottom" />
23.Rating
【功能概述】
使用星級表示等級，鼠標操作；
【細節(jié)】
鼠標移動等級也會變，而你真正要修改還要點擊一下；這是延續(xù)了WP10里面等級評定控件的傳統(tǒng)，也許這樣設計是真的有道理，我不清除。
【示意代碼】
代碼示意：
<AjaxToolkit:Rating ID="ThaiRating" runat="server"
CurrentRating="2"
MaxRating="5"
StarCssClass="ratingStar"
WaitingStarCssClass="savedRatingStar"
FilledStarCssClass="filledRatingStar"
EmptyStarCssClass="emptyRatingStar"
OnChanged="ThaiRating_Changed" />

24．ReorderList
【功能概述】
ReorderList是一個全新的控件。它可以實現逐條列出數據并實現交互。用戶簡單的拖拽就可以改變數據的排列順序并更新到數據源。在本控件中如果SortOrderField 屬性設置之后排序將自動完成。
【細節(jié)】
(1)綁定數據，拖動數據之后數據將被更新到綁定源
(2)它不是已有控件的擴展是全新的服務器端控件，只是它對Ajax行為是敏感的
(3)重排的實現有兩種方式：CallBack PostBack 前者的發(fā)生在頁面上是沒有PostBack的（也就是沒有刷新頁面）
(4) 而數據添加或者編輯的時候就必須要使用PostBack來同步服務器端的數據狀態(tài)
(5)PostbackOnReorder就是針對兩種策略進行選擇
【示意代碼】
代碼示意：
<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>
這個控件是非常獨立，并且還是適用于表現Buleted的數據，二維數據就無能為例了
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
【功能概述】
就像設計狀態(tài)一樣可以拖動修改大小，可是有什么實際的意義么，放大字體？沒有想到
【 細節(jié)】
(1) HandleCssClass - The name of the CSS class to apply to the resize handle 這個屬性必須要有！
(2) WEB2.0時代用戶什么都是可以自定義的？？難道是這個原則下的產物么？？不理解
(3) 在前衛(wèi)的飛鴿網站上我都一直沒有看到關于ResizableControl的應用，期待一個成功的應用
【示意代碼】
代碼示意：
<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
【功能】
控件圓角 純粹是控制外觀的了，什么時候審美疲勞了還要改。據說GUI風格也是N年一輪回，這讓我想起來了一個27KB的QQ，命令行界面，真的是這樣么？穿孔紙帶據說是第一代GUI，不會有一天真的回到那個時代吧?
【細節(jié)】
(1)還有一個非常非常細節(jié)的地方：你必須要設置 CssClass="roundedPanel"要不然不起作用
(2) Radius設置弧度，默認是5
(3)只適用于容器 WebControl
【示意代碼】
代碼示意：
<AjaxToolkit:RoundedCornersExtender ID="rce" runat="server" TargetControlID="Panel1" Radius="6" />
27. Slider
【功能概述】
實現WinForm中的Slider控件效果，新浪論壇用來分頁了，還有的用來調整“時間----------|----熱度”，創(chuàng)意！
【細節(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是我認為這一次新增控件中最實用的好東東， 在編碼風格上與所有嵌套式的控件一樣：
<AjaxToolkit:TabContainer runat="server"
OnClientActiveTabChanged="ClientFunction"
Height="150px">
<AjaxToolkit:TabPanel runat="server"
HeaderText="Signature and Bio"
<ContentTemplate>
...
</ContentTemplate>
/>
</AjaxToolkit:TabContainer>
Demo效果讓我們很容易想到最近改版之后的網頁主頁和新浪主頁 和Accordion比較一下各有千秋，是對經典WinForm的一種繼承。
29 .TextBoxWatermark
【功能概述】
對文本框進行擴展，文本水印效果。
看了幾十個WEB2.0的網站，沒想到，見到最多的就是這種水印效果，看來很受歡迎。
【示意代碼】
代碼示意：
<asp:TextBox ID="TextBox1" CssClass="unwatermarked" Width="150" runat="server"></asp:TextBox>
<cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="TextBox1" WatermarkText="請輸入用戶名" WatermarkCssClass="watermarked" />
30. ToggleButton
【功能概述】
就是把一個CheckBox的邏輯應用到一個按鈕上，于是就有了雙態(tài)按鈕這么個玩意，有點意思啊
實際上示例頁面并沒有突出這個控件功能上的優(yōu)勢，對這個控件的操作引起頁面上數據的更新，這才是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
【功能概述】
更新動畫效果，個人認為應用于時間較短的場合，時間長了這個動畫就有點不合適了，畢竟這是一個過渡效果；時間長還是UpdateProgress比較好。
【細節(jié)】
代碼結構簡單但是要說的東西很多，回頭再說寫專題吧
代碼示意：
<AjaxToolkit:UpdatePanelAnimationExtender ID="ae"
runat="server" TargetControlID="up">
<Animations>
<OnUpdating> </OnUpdating>
<OnUpdated> </OnUpdated>
</Animations>
</AjaxToolkit:UpdatePanelAnimationExtender>
32. ValidatorCallout
【功能概述】
Windows系統(tǒng)中最常見的氣泡提示，比如你磁盤空間不足的時候。是對數據驗證控件的擴展，比較實用，頁面效果的確是比以前那個紅色的星號醒目多了！
【細節(jié)】
Errormessage是一個開放的屬性，我們可以進行豐富的擴展，大膽的想象，讓顯示出來的氣泡更有意義
代碼示意：
<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
【功能概述】
支持對ListBox or DropDownList的擴展通過用戶鍵入的字符對列表中的數據進行過濾，在WinForm中做的更好一些。順便說一下在winform里面以前在VS6.0的時代我們是怎么實現這個功能的呢？還記得嗎？Sendmessage函數向ListBox或者Combox發(fā)送Find_Text消息，很懷舊了
【細節(jié)】
1. PromptText屬性的作用有兩個，一是顯示提示信息，省的用戶不知道還有這個功能。再者就是即時的顯示用戶輸入的數據。
2. 在Safari中DropDownList擴展失效；Opera中后退鍵會被認為要后退一頁?。?！
3. 顯然這個控件如果還有什么要說的就是可以設置Prompt信息的外觀（樣式+位置）
看代碼：
<AjaxToolkit:ListSearchExtender id="LSE" runat="server"
TargetControlID="ListBox1"
PromptText="Type to search"
PromptCssClass="ListSearchExtenderPrompt"
PromptPosition="Top" />
34. Slider Show
【功能概述】
在Web2.0時代，博客是一個標志，在博客上掛著的圖片幻燈片同樣成為一個標記。
【細節(jié)】
1.首先它是對圖片控件的擴展，之后的問題就是：我們要把圖片取出來；下面是方法：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. 還要設置的就是Web Service 去圖片的路徑SlideShowServicePath
2. NextButtonID PlayButtonID PreviousButtonID PlayButtonText StopButtonText
PlayInterval ImageDescriptionLabelID Loop AutoPlay頭腦中想象著任何一個播放器，這些屬性就很容易理解了。
<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" />

最新評論