AjaxControlToolkit下载 双击运行AjaxControlToolkit.sln。用vs2005打开这个sln,编译TemplateVSI这个项目后,把在C:\Program Files\Microsoft asp.NET\ASP.NET 2.0 AJAX Extensions\SampleWebSite\Bin下面生成的AjaxControlToolkit.dll和 AjaxControlToolkit.pdb复制到C:\Program Files\Microsoft asp.NET\ASP.NET 2.0 AJAX Extensions\Binaries文件夹下面,这样我们就可以在vs2005中使用ajax.net这些控件了。 1.Accordion 代码示意:
<ajaxToolkit:Accordion runat="server" SelectedIndex="0" HeaderCssClass="accordionHeader"
ContentCssClass="accordionContent" FadeTransitions="false" FramesPerSecond="40" TransitionDuration="250" AutoSize="None"> <Panes> <ajaxToolkit:AccordionPane runat="server"> <Header> <a href="" false;" >1. Accordion</a></Header> <Content> </Content> </ajaxToolkit:AccordionPane> </Panes> </ajaxToolkit:Accordion>
代码示意: <cc1:AlwaysVisibleControlExtender HorizontalSide="Center" VerticalSide="Top" TargetControlID="Panel1" runat="server">
3.Animation 代码示意: <ajaxToolkit:AnimationExtender
runat="server" TargetControlID="ctrl"> <Animations> <OnLoad> </OnLoad> <OnClick> </OnClick> <OnMouseOver> </OnMouseOver> <OnMouseOut> </OnMouseOut> <OnHoverOver> </OnHoverOver> <OnHoverOut> </OnHoverOut> </Animations> </ajaxToolkit:AnimationExtender>
4.CascadingDropDown 代码示意: <ajaxToolkit:CascadingDropDown runat="server" TargetControlID="DropDownList1" Category="Make" PromptText="Please select a make" LoadingText="[Loading makes]" ServicePath="CarsService.asmx" ServiceMethod="GetDropDownContents"/>
<ajaxToolkit:CascadingDropDown runat="server" TargetControlID="DropDownList2" Category="Model" PromptText="Please select a model" LoadingText="[Loading models]" ServiceMethod="GetDropDownContentsPageMethod" ParentControlID="DropDownList1"/> <ajaxToolkit:CascadingDropDown runat="server" TargetControlID="DropDownList3" Category="Color" PromptText="Please select a color" LoadingText="[Loading colors]" ServicePath="~/CascadingDropDown/CarsService.asmx" ServiceMethod="GetDropDownContents" ParentControlID="DropDownList2"/>
代码示意: <ajaxToolkit:CollapsiblePanelExtender runat="Server"
TargetControlID="Panel1" CollapsedSize="0" ExpandedSize="300" Collapsed="True" ExpandControlID="LinkButton1" CollapseControlID="LinkButton1" AutoCollapse="False" AutoExpand="False" ScrollContents="True" TextLabelID="Label1" CollapsedText="Show Details" OpenedText="Hide Details" ImageControlID="Image1" ExpandedImage="~/images/collapse.jpg" CollapsedImage="~/images/expand.jpg" ExpandDirection="Height"/> 6.ConfirmButton this.Button1.Attributes["onclick"]=" confirm('确定要停止下载么?');";
不知道是不是我没有发现这个控件的其它优势。 7.DragPanel 代码示意 <ajaxToolkit:DragPanelExtender runat="server"
TargetControlID="Panel3" DragHandleID="Panel4" />
8.DropDown 代码示意: <asp:Panel runat="server" CssClass="ContextMenuPanel" Style="display: none;
visibility: hidden;"> <asp:LinkButton runat="server" Text="Option 1" CssClass="ContextMenuItem" OnClick="OnSelect" /> <asp:LinkButton runat="server" Text="Option 2" CssClass="ContextMenuItem" OnClick="OnSelect" /> <asp:LinkButton runat="server" Text="Option 3 (Click Me!)" CssClass="ContextMenuItem" OnClick="OnSelect" /> </asp:Panel> <cc1:DropDownExtender runat="server" TargetControlID="TextLabel" DropDownControlID="DropPanel" />
9.DropShadow 代码示意: <ajaxToolkit:DropShadowExtender runat="server"
TargetControlID="Panel1" Opacity=".8" Rounded="true" TrackPosition="true" /> 10.DynamicPopulate [WebMethod]
string DynamicPopulateMethod(string contextKey) {} Note you can replace "DynamicPopulateMethod" with a naming of your choice, but the return type and parameter name and type must exactly match, including case.
代码示意: <ajaxToolkit:DynamicPopulateExtender runat="server"
TargetControlID="Panel1" ClearContentsDuringUpdate="true" PopulateTriggerControlID="Label1" ServiceMethod="GetHtml" UpdatingCssClass="dynamicPopulate_Updating" />
11.FilteredTextBox 示意代码: <ajaxToolkit:FilteredTextBoxExtender runat="server"
TargetControlID="TextBox3" FilterType="Custom, Numbers" ValidChars="+-=/*()." />
12.HoverMenu 代码示意: <ajaxToolkit:HoverMenuExtender runat="Server"
TargetControlID="Panel9" HoverCssClass="popupHover" PopupControlID="PopupMenu" PopupPosition="Left" OffsetX="0" OffsetY="0" PopDelay="50" /> 13.ModalPopup 代码示意: <asp:Panel runat="server" CssClass="modalPopup" style="display:none">
<p> <asp:Label runat="server" BackColor="Blue" ForeColor="White" Style="" Text="信息提示"></asp:Label> </p> <p >确定要删除当前下载的任务么?</p> <p style="text-align:center;"> <asp:Button runat="server" Text="OK" ></asp:Button> <asp:Button runat="server" Text="Cancel"></asp:Button> </p> </asp:Panel> <ajaxToolkit:ModalPopupExtender runat="server" TargetControlID="LinkButton1" PopupControlID="Panel2" BackgroundCssClass="modalBackground" DropShadow="true" OkControlID="Button1" OnOkScript="onOk()" CancelControlID="CancelButton" />
14.MutuallyExlcusiveCheckBox 代码示意: <ajaxToolkit:MutuallyExclusiveCheckboxExtender runat="server"
ID="MustHaveGuestBedroomCheckBoxEx" TargetControlID="MustHaveGuestBedroomCheckBox" Key="GuestBedroomCheckBoxes" /> 15.NoBot 代码示意: <ajaxToolkit:NoBot
ID="NoBot2" runat="server" OnGenerateChallengeAndResponse="CustomChallengeResponse" ResponseMinimumDelaySeconds="2" CutoffWindowSeconds="60" CutoffMaximumInstances="5" /> 16.NumericUpDown
<ajaxToolkit:NumericUpDownExtender 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" />
代码示意: <ajaxToolkit:NumericUpDownExtender runat="server"
TargetControlID="TextBox1" Width="120" RefValues="" ServiceDownMethod="" ServiceUpMethod="" TargetButtonDownID="" TargetButtonUpID="" /> <ajaxToolkit:NumericUpDownExtender 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 runat="server" TargetControlID="TextBox4" Width="80" TargetButtonDownID="img1" TargetButtonUpID="img2" RefValues="" ServiceDownMethod="" ServiceUpMethod="" />
17.PagingBulletedList 代码示意:
<ajaxToolkit:PagingBulletedListExtender BehaviorID="PagingBulletedListBehavior1" runat="server"
TargetControlID="BulletedList1" ClientSort="true" IndexSize="1" Separator=" - " SelectIndexCssClass="selectIndex" UnselectIndexCssClass="unselectIndex" /> 18.PasswordStrength 代码示意:
<ajaxToolkit:PasswordStrength 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 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 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" /> 19.PopupControl 代码示意: <ajaxToolkit:PopupControlExtender runat="server" TargetControlID="MessageTextBox"
PopupControlID="Panel2" CommitProperty="value" CommitScript="e.value += ' - do not forget!';" Position="Bottom" />
20.Rating 代码示意: <ajaxToolkit:Rating runat="server"
CurrentRating="2" MaxRating="5" StarCssClass="ratingStar" WaitingStarCssClass="savedRatingStar" FilledStarCssClass="filledRatingStar" EmptyStarCssClass="emptyRatingStar" OnChanged="ThaiRating_Changed" />
代码示意: <ajaxToolkit:ReorderList runat="server"
DataSourceID="ObjectDataSource1" DragHandleAlignment="Left" ItemInsertLocation="Beginning" DataKeyField="ItemID" SortOrderField="Priority" AllowReorder="true"> <ItemTemplate></ItemTemplate> <ReorderTemplate></ReorderTemplate> <DragHandleTemplate></DragHandleTemplate> <InsertItemTemplate></InsertItemTemplate> </ajaxToolkit:ReorderList>
22.ResizableControl 代码示意: <ajaxToolkit:ResizableControlExtender runat="server"
TargetControlID="PanelImage" HandleCssClass="handleImage" ResizableCssClass="resizingImage" MinimumWidth="50" MinimumHeight="20" MaximumWidth="260" MaximumHeight="130" OnClientResize="OnClientResizeImage" HandleOffsetX="3" HandleOffsetY="3" />
代码示意: <ajaxToolkit:RoundedCornersExtender runat="server" TargetControlID="Panel1" Radius="6" />
24.Slider 代码示意: <asp:TextBox runat="server"></asp:TextBox>
<cc1:SliderExtender runat="server" BehaviorID="Slider2" TargetControlID="Slider2" BoundControlID="TextBox1" Orientation="Horizontal" EnableHandleAnimation="true" Minimum="0" Maximum="100"/>
25.TextBoxWatermark 代码示意: <asp:TextBox CssClass="unwatermarked" Width="150" runat="server"></asp:TextBox>
<cc1:TextBoxWatermarkExtender runat="server" TargetControlID="TextBox1" WatermarkText="请输入用户名" WatermarkCssClass="watermarked" />
26.UpdatePanelAnimation 代码示意: <ajaxToolkit:UpdatePanelAnimationExtender
runat="server" TargetControlID="up"> <Animations> <OnUpdating> </OnUpdating> <OnUpdated> </OnUpdated> </Animations> </ajaxToolkit:UpdatePanelAnimationExtender>
27.ToggleButton
<asp:CheckBox Checked="true" Text="I like ASP.NET" runat="server"/>
<cc1:ToggleButtonExtender runat="server" TargetControlID="CheckBox1" ImageWidth="19" ImageHeight="19" UncheckedImageUrl="Image/down.gif" CheckedImageUrl="Image/up.gif" CheckedImageAlternateText="Check" UncheckedImageAlternateText="UnCheck" />
28.ValidatorCallout 代码示意: <asp:RequiredFieldValidator runat="server" ControlToValidate="NameTextBox" Display="None" ErrorMessage="<b>Required Field Missing</b><br />A name is required." />
<asp:RequiredFieldValidator runat="server" 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=';quot;not implemented but you get the idea;)");'>Extract from Profile</a></div>" /> <asp:RegularExpressionValidator runat="server" 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" TargetControlID="NReq" HighlightCssClass="highlight" /> <cc1:ValidatorCalloutExtender runat="Server" TargetControlID="PNReq" HighlightCssClass="highlight" Width="350px" /> <cc1:ValidatorCalloutExtender runat="Server" TargetControlID="PNRegEx" HighlightCssClass="highlight" /> |
|