NETAJAX Toolkit扩展控件Word文档下载推荐.docx
《NETAJAX Toolkit扩展控件Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《NETAJAX Toolkit扩展控件Word文档下载推荐.docx（41页珍藏版）》请在冰豆网上搜索。
title>
AnimationExtender<
/title>
/head>
body>
formid="
form1"
div>
asp:
ScriptManagerID="
ScriptManager1"
/>
cc1:
AnimationExtenderID="
AnimationExtender1"
TargetControlID="
Panel1"
Animations>
OnClick>
Sequence>
ColorPropertyKey="
background"
StartValue="
#999966"
EndValue="
#FFFFFF"
Duration="
5.0"
/Sequence>
/OnClick>
/Animations>
/cc1:
AnimationExtender>
PanelID="
BorderColor="
Black"
BorderWidth="
3px"
Font-Bold="
True"
Width="
600px"
Loremipsumdolorsitamet,consectetueradipiscingelit.
Donecaccumsanlorem.Utconsectetuertempusmetus.Aeneantincidunt
venenatistellus.Suspendissemolestiecursusipsum.Curabiturut
lectus.Nullaacdolornecelitconvallisvulputate.Nullampharetra
pulvinarnunc.Duisorci.Phasellusatortoratnuncmattiscongue.
Vestibulumportatelluseuorci.Suspendissequismassa.Maecenas
varius,eratnonullamcorpernonummy,mauriserateleifendodio,ut
gravidanislnequeaipsum.Vivamusfacilisis.Crasviverra.Curabitur
utaugueegetdolorsemperposuere.Aeneanatmagnaeuerostempor
pharetra.Aeneanmauris.
/asp:
Panel>
/div>
/form>
/body>
/html>
如前所述，IntelliSense不支持输入AnimationExtender控件，所以必须通过文档查找要创建的动画。
在以前的例子中，是使用<
元素定义单击控件时需要触发的一系列事件。
对于这个例子，仅在<
元素中定义一个动画：
改变元素的背景色。
7.2.4AutoCompleteExtender
终端用户在文本框控件中输入搜索项时，AutoCompleteExtender控件可以帮助找到他们需要的内容。
AutoEventWireup="
true"
CodeFile="
Listing7-04.aspx.cs"
Inherits="
Listing_7_4"
AutoComplete<
ScriptManager>
AutoCompleteExtenderID="
AutoCompleteExtender1"
TextBox1"
ServiceMethod="
GetCompletionList"
UseContextKey="
AutoCompleteExtender>
TextBoxID="
TextBox>
为自动完成控件建立服务方法的隐藏代码：
usingSystem.Collections.Generic;
usingSystem.Data;
usingSystem.Data.SqlClient;
publicpartialclassListing_7_4:
System.Web.UI.Page
{
[System.Web.Services.WebMethodAttribute（）,System.Web.Script.Services.ScriptMethodAttribute（）]
publicstaticstring[]GetCompletionList（stringprefixText,intcount,stringcontextKey）
{
SqlConnectionconn;
SqlCommandcmd;
stringcmdString="
Selectusernamefromnovel_userWHEREusernameLIKE'
"
+prefixText+"
%'
;
conn=newSqlConnection（@"
DataSource=.;
database=novel;
uid=sa;
pwd=781818379az;
）;
//Putthisstringononelineinyourcode
cmd=newSqlCommand（cmdString,conn）;
conn.Open（）;
SqlDataReadermyReader;
List<
string>
returnData=newList<
（）;
myReader=cmd.ExecuteReader（CommandBehavior.CloseConnection）;
while（myReader.Read（））
returnData.Add（myReader["
username"
].ToString（））;
}
returnreturnData.ToArray（）;
}
运行这个页面，在文本框中输入***字符，就会调用GetCompletionList（）方法，并给该方法传送***字符。
这些字符通过prefixText参数来传送（也可以使用count参数，其默认值为10）。
示例数据库使用prefixText值来调用，并把该数据库返回的结果传送回TextBox1控件。
最后，得到一个下拉列表。
自动完成下来列表在第一次缓存后，最好知道调用它们的结果。
这个缓存通过EnabledCaching属性来控制（它默认为true）。
还可以修改自动完成下拉列表的样式。
可以配置样式，改变显示的元素数，还可以修改这个特性的许多其他方面。
注意，不需要调用本书示例中控件所在页面上的方法，而可以在另一个页面上调用另一个服务器端方法或Web方法。
7.2.5CalendarExtender选择日期
CalendarExtenderID="
CalendarExtender1"
CalendarExtender>
CalendarExtender扩展器可以附着在一个文本框上，并弹出一个可以选择日期的日历。
默认情况下，当此文本框获得焦点时，此日历就会显示出来。
但是如果把PopupButtonID属性设置为另一个控件的ID值，在单击此控件后，也会显示出此日历。
CalendarExtender控件可以简化终端用户在窗体中选择日期的过程。
如果说窗体上有什么会降低窗体的提交速度，就肯定是选择日期，并试图确定窗体需要的日期格式。
Format属性指定在此文本框中输入日期的字符串格式，以便修改该格式。
CalendarExtender控件提供了这类操作的所有客户端代码。
当终端用户从日历中选择一个日期时，该日期会放在文本框中，作为文本。
这个控件的一些属性，FirstDayOfWeek和PopupPosition（其选项包括left、right、bottomleft、bottomright、topleft、topright）。
还可以改变日历在客户端上启动的方式。
一些站点希望在文本框的旁边有一个日历按钮，终端用户只有单击这个按钮，才能弹出日历选项。
如果在页面上进行这个修改，就需要使用PopupButtonID属性，它指向要使用的图像或按钮的ID。
7.2.6CollapsiblePanelExtender
CollapsiblePanelExtender服务器控件允许把一个控件隐藏到另一个控件中。
使用两个Panel服务器控件时，可以通过这个CollapsiblePanelExtender控件提供一种很好的方式，来控制ASP.NET页面上控件有限的问题。
CollapsiblePanelExtender和Accordion控件是类似的，但是它不会指定多个内容区域。
此扩展器可以根据用户和给定控件的交互操作，在视图上显示或隐藏ASP.NETPanel控件。
这个功能可以隐藏一些用户不需要总是看到的内容。
单击ExpandControlID属性指定的控件时，会显示TargetControlID属性指定的控件，而单击CollapseControlID指定的控件时，则会隐藏TargetControlID属性指定的控件。
另外，如果把AutoCollapse和AutoExpand属性设置为true，则控件的显示或隐藏基于鼠标的光标是否悬停在控件的上方。
以下程序，当折叠一个面板时，此扩展器会把此面板的尺寸设置为0，当展开面板时，则把面板的尺寸设置为300像素。
在此还使用了另一个面板来选择是展开还是折叠第一个面板。
其中使用了一个名为TextLabelID的标签，基于当前的状态，此标签的值会设置为ExpandedText或CollapsedText。
BackColor="
#000066"
ForeColor="
White"
LabelID="
Label2"
Text="
Thisismytitle"
Label>
Label1"
Panel2"
Style="
overflow:
hidden;
Height="
0"
lectus.Nullaacdolornecelitconvallisvulputate.
Nullampharetrapulvinarnunc.Duisorci.Phasellusatortoratnunc
mattiscongue.Vestibulumportatelluseuorci.Suspendissequismassa.
Maecenasvarius,eratnonullamcorpernonummy,mauriserateleifend
odio,utgravidanislnequeaipsum.Vivamusfacilisis.Crasviverra.
Curabiturutaugueegetdolorsemperposuere.Aeneanat
magnaeuerostemporpharetra.Aeneanmauris.
CollapsiblePanelExtenderID="
CollapsiblePanelExtender1"
Collapsed="
ExpandControlID="
CollapseControlID="
CollapsedSize="
1"
ExpandedSize="
300"
CollapsedText="
[Clicktoexpand]"
ExpandedText="
[Clicktocollapse]"
TextLabelID="
SuppressPostBack="
CollapsiblePanelExtender>
Collapsed="
，所以只能看到panel1。
单击Panel控件内部的Label1控件，会显示Panel2的内容。
7.2.7ConfirmButtonExtender和ModalPopupExtender
ConfirmButtonExtender，通常在允许终端用户通过浏览器应用程序删除数据之前，需要确认用户的确要执行删除操作。
使用这个控件，需要把TargetControlID属性设置为一个按钮控件，或者从一个按钮继承的控件。
单击了此按钮后，就会显示ConfirmText属性的值，以及“确定”与“取消”按钮。
scriptrunat="
protectedvoidPage_Load（objectsender,EventArgse）
Label1.Text=DateTime.Now.ToLongTimeString（）;
}
/script>
ConfirmButtonExtender<
br/>
ConfirmButtonExtenderID="
ConfirmButtonExtender1"
Button1"
ConfirmText="
Areyousureyouwantedtoclickthisbutton?
ConfirmButtonExtender>
ButtonID="
Button"
如果终端用户单击这个对话框中的“确定”按钮，页面就会按通常的方式执行，就好像这个对话框没有显示一样。
但如果单击了“取消”按钮，在默认情况下，该对话框会消失，但不提交窗体（就好像没有单机过按钮一样）。
此时，还可以通过OnClientClick（）事件捕获被单击的“取消”按钮，给该事件提供一个客户端JavaScript函数的值，来执行客户端操作。
除了使用浏览器的模式对话框之外，还可以创建自己的对话框，用作信息载体。
为此，需要使用新的ModalPopupExtender服务器控件，ModalPopupExtender控件指向用于确认的另一个控件。
ModalPopupExtender可以在为用户显示一个模式对话框后，禁止用户和底层的网页交互，直到此模式对话框被用户关闭。
它和HoverMenuExtender非常类似，只是用户在继续之前，必须处理由PopupControlID指定的对话框。
此扩展器还有OkControlID、CancelControlID、OnOkScript和OnCancelScript属性，它们用来设置弹出对话框中的“确认”和“取消”按钮。
DisplayModalPopupID="
ModalPopupExtender1"
ModalPopupExtenderID="
CancelControlID="
ButtonNo"
OkControlID="
ButtonYes"
PopupControlID="
ModalPopupExtender>
style="
display:
none;
background-color:
White;
width:
200;
border-width:
2px;
border-color:
Black;
border-style:
solid;
padding:
20px;
Areyousureyouwantedtoclickthisbutton?
Text
升级会员 