AJAX -惊艳酷炫效果制作者ASP.NET AJAX Control Toolkit

 

自从 2005 9 Microsoft® ASP.NET 团队推出研发代码(Codename)为 Atlas(后来正名为 ASP.NET AJAX)的 AJAX 开发架构(Framework)之后,迄今,虽然尚未推出正式版本(目前为 RC 版本),但是已经有许许多多的网页开发人员或网站正在使用 ASP.NET AJAX 这一个新颖的技术来提升网页的互动性、响应速度与使用便利性。

 

为了让更多采用微软技术的网页开发人员能够更快速地建构具备丰富型客户端 AJAX 功能的网页应用程序,微软工程师与热心的社群(Community)人士,发挥无比的创意与无私的精神成就了 ASP.NET AJAX Control Toolkit(控件工具包)。通过这个工具包内建的控件与扩充器(Extender),网页开发人员得以轻松且快速地替网页注入令人惊艳的酷炫效果。ASP.NET AJAX Control Toolkit 主要用途如下所列:

 

r        提供现成组件给网站开发人员使用,让自己的网页应用程序更加耀眼夺目。

r        提供优质的程序代码,让希望自行撰写客户端程序代码的人观摩学习。

r        让功力深厚的指令码开发人员(Script Developer)拥有尽情挥洒创意的空间。

 

接下来,我们展示两个实际的网页范例,以期大家对 ASP.NET AJAX Control Toolkit 超强功能有更深刻的体验。

 

 

 

图表1

 

图表 1 所示的异步网页是我们所撰写的第一个网页范例,重点在于,其中用于选取客户名称与订单号码的下拉选单都是利用「连动式阶层下拉选单(CascadingDropDown)」这一个Control Toolkit所制作出来的。第一个下拉选单用于选取客户名称,第二个下拉选单将会列出您于第一个下拉选单中所选取之客户的订单号码以便让您选取之。

 

特别值得注意的是,当客户名称资料尚未取得之前,会看到第一个下拉选单显示「读取客户数据中...的讯息,此时用户无法选取该下拉选单中的选项,等到该选项数据完全被下载到客户端并填入下拉选单之后,该下拉选单就会显示「请选择客户名称」讯息,告知用户可以从中选取客户名称。

 

在您从第一个下拉选单选取了某位客户名称之后,用于选取订单编号的下拉选单将会显示「读取订单数据中...的讯息,此时用户无法选取该下拉选单中的选项,等到该选项数据完全被下载到客户端并填入下拉选单之后,该下拉选单就会显示「请选择订单编号」讯息,告知用户可以从中选取订单编号。在您从第二个下拉选单选取所需的订单编号之后,就会查询出客户之该笔订单的订货明细数据。

 

 

 

图表2

 

 

 

图表3

 

图表2与图表3所示的网页示范如何使用 ASP.NET AJAX Control Toolkit 停驻选单(HoverMenu。值得注意的是,该网页的「标题」(Header「数据列」以及「脚注」(Footer区域会分别拥有不同的背景图片。在页次导览方面,我们除了提供「第一页」「上一页」「下一页」「最后页」按钮来方便您移至特定的页次之外,更提供了一个下拉选单来让您快速移至特定的页次。此外,我们会在右下角显示目前所在页次与总页数的信息,以避免您不知身在何处。

 

欲根据某个字段来排序数据,只需使用鼠标左键按一下字段名称,此时数据便会根据该字段的资料内容由小至大递增排序,并且还会在字段名称旁边出现一个向上箭头图示 ,以便让用户清楚知道目前的排序顺序。如果您接着再次使用鼠标左键按一下此排序字段名称,就会以相反的顺序(也就是递减顺序)来进行排序,而在字段名称旁的图示也会变成向下箭头图示 ,并显示排序后的第 1 页资料内容。

 

此外,将鼠标移至某一列产品数据时,鼠标指针所停驻的资料列会呈现不同的背景颜色。更重要的是,欲浏览某一项产品的照片时,只需将鼠标指针移至该产品数据的「名称」储存格上,产品相片会立即显示于右侧。这样便利且华丽的操作接口,肯定让用户爱不释手。

 

从本文可以了解,结合ASP.NET 2.0ASP.NET AJAX的设计技巧并适时注入各式各样的ASP.NET AJAX Control Toolkit,将使您的网页功能强大并且酷炫无比,并深深掳获用户的心。有了ASP.NET AJAX Control Toolkit这样的好帮手,或许能够限制您的,就是自己的创意与想象力吧!

 

本文节录并改编自章立民研究室正在撰写之ASP.NET AJAX 异步网页开发秘诀」一书,诸位读者敬请期待。

 

 

强力推荐书籍:

SQL Server 2005 完全实战》

Vusial Basic 2005 文件IO与数据存取秘诀》

Visual C# 2005 文件 IO 与资料存取秘诀》

Visual Basic 2005程序开发与界面设计秘诀》

Visual C# 2005 程序开发与界面设计秘诀》

 

posted on 2007-01-18 16:19  章立民研究室  阅读(10095)  评论(22编辑  收藏  举报

导航