NETAJAX Toolkit扩展控件.docx

NETAJAX Toolkit扩展控件.docx

《NETAJAX Toolkit扩展控件.docx》由会员分享，可在线阅读，更多相关《NETAJAX Toolkit扩展控件.docx（41页珍藏版）》请在冰豆网上搜索。

NETAJAXToolkit扩展控件

ASP.NETAJAXToolkit

7.2.3AnimationExtender

AnimationExtender服务器控件提供了非常多的功能，它可以为页面上的控件编写流畅的动画，使用这个控件能够完成许多任务（比这里介绍的多得多）。

这个控件允许根据终端用户的触发器（例如按钮单击），编写在页面上移动的元素。

编写动画可以使用特定的事件，如下所示：

OnClickOnHoverOverOnHoverOutOnLoadOnMouseOverOnMouseOut

创建动画不像许多人想象的那样简单，因为没有VisualStudio支持（例如向导或IntelliSense）。

作为创建第一个动画的示例，下列程序说明了如何根据终端用户的动作，使一个元素淡入淡出页面。

使用AnimationExtender淡显背景色：

<%@PageLanguage="C#"%>

<%@RegisterAssembly="AjaxControlToolkit"Namespace="AjaxControlToolkit"TagPrefix="cc1"%>

//www.w3.org/1999/xhtml">

如前所述，IntelliSense不支持输入AnimationExtender控件，所以必须通过文档查找要创建的动画。

在以前的例子中，是使用元素定义单击控件时需要触发的一系列事件。

对于这个例子，仅在元素中定义一个动画：

改变元素的背景色。

7.2.4AutoCompleteExtender

终端用户在文本框控件中输入搜索项时，AutoCompleteExtender控件可以帮助找到他们需要的内容。

<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="Listing7-04.aspx.cs"Inherits="Listing_7_4"%>

<%@RegisterAssembly="AjaxControlToolkit"Namespace="AjaxControlToolkit"TagPrefix="cc1"%>

//www.w3.org/1999/xhtml">

为自动完成控件建立服务方法的隐藏代码：

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;

ListreturnData=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选择日期

<%@RegisterAssembly="AjaxControlToolkit"Namespace="AjaxControlToolkit"TagPrefix="cc1"%>

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。

<%@RegisterAssembly="AjaxControlToolkit"Namespace="AjaxControlToolkit"TagPrefix="cc1"%>

ScriptManagerID="ScriptManager1"runat="server">

ScriptManager>

PanelID="Panel1"runat="server"BackColor="#000066"ForeColor="White">

LabelID="Label2"runat="server"Text="Thisismytitle">

Label>

LabelID="Label1"runat="server">

Label>

Panel>

PanelID="Panel2"runat="server"Style="overflow:

hidden;"Height="0">

Loremipsumdolorsitamet,consectetueradipiscingelit.

Donecaccumsanlorem.Utconsectetuertempusmetus.Aeneantincidunt

venenatistellus.Suspendissemolestiecursusipsum.Curabiturut

lectus.Nullaacdolornecelitconvallisvulputate.

Nullampharetrapulvinarnunc.Duisorci.Phasellusatortoratnunc

mattiscongue.Vestibulumportatelluseuorci.Suspendissequismassa.

Maecenasvarius,eratnonullamcorpernonummy,mauriserateleifend

odio,utgravidanislnequeaipsum.Vivamusfacilisis.Crasviverra.

Curabiturutaugueegetdolorsemperposuere.Aeneanat

magnaeuerostemporpharetra.Aeneanmauris.

Panel>

CollapsiblePanelExtenderID="CollapsiblePanelExtender1"runat="server"TargetControlID="Panel2"

Collapsed="true"ExpandControlID="Panel1"CollapseControlID="Panel1"

CollapsedSize="1"ExpandedSize="300"CollapsedText="[Clicktoexpand]"

ExpandedText="[Clicktocollapse]"TextLabelID="Label1"SuppressPostBack="true">

CollapsiblePanelExtender>

Collapsed="true"，所以只能看到panel1。

单击Panel控件内部的Label1控件，会显示Panel2的内容。

7.2.7ConfirmButtonExtender和ModalPopupExtender

ConfirmButtonExtender，通常在允许终端用户通过浏览器应用程序删除数据之前，需要确认用户的确要执行删除操作。

使用这个控件，需要把TargetControlID属性设置为一个按钮控件，或者从一个按钮继承的控件。

单击了此按钮后，就会显示ConfirmText属性的值，以及“确定”与“取消”按钮。

<%@RegisterAssembly="AjaxControlToolkit"Namespace="AjaxControlToolkit"TagPrefix="cc1"%>

protectedvoidPage_Load（objectsender,EventArgse）

{

Label1.Text=DateTime.Now.ToLongTimeString（）;

}

//www.w3.org/1999/xhtml">

如果终端用户单击这个对话框中的“确定”按钮，页面就会按通常的方式执行，就好像这个对话框没有显示一样。

但如果单击了“取消”按钮，在默认情况下，该对话框会消失，但不提交窗体（就好像没有单机过按钮一样）。

此时，还可以通过OnClientClick（）事件捕获被单击的“取消”按钮，给该事件提供一个客户端JavaScript函数的值，来执行客户端操作。

除了使用浏览器的模式对话框之外，还可以创建自己的对话框，用作信息载体。

为此，需要使用新的ModalPopupExtender服务器控件，ModalPopupExtender控件指向用于确认的另一个控件。

ModalPopupExtender可以在为用户显示一个模式对话框后，禁止用户和底层的网页交互，直到此模式对话框被用户关闭。

它和HoverMenuExtender非常类似，只是用户在继续之前，必须处理由PopupControlID指定的对话框。

此扩展器还有OkControlID、CancelControlID、OnOkScript和OnCancelScript属性，它们用来设置弹出对话框中的“确认”和“取消”按钮。

<%@PageLanguage="C#"%>

<%@RegisterAssembly="AjaxControlToolkit"Namespace="AjaxControlToolkit"TagPrefix="cc1"%>

protectedvoidPage_Load（objectsender,EventArgse）

{

Label1.Text=DateTime.Now.ToLongTimeString（）;

}

//www.w3.org/1999/xhtml">

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

NET AJAX Toolkit扩展控件 Toolkit 扩展 控件

  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。