NETAJAX Toolkit扩展控件Word文档下载推荐.docx
- 文档编号:16445155
- 上传时间:2022-11-23
- 格式:DOCX
- 页数:41
- 大小:266.47KB
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
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- NET AJAX Toolkit扩展控件 Toolkit 扩展 控件
![提示](https://static.bdocx.com/images/bang_tan.gif)