一起谈.NET技术,盘点ASP.NET Ajax工具箱的10大顶级控件

  默认情况下,.NET Framework仅自带了最基本的Ajax控件,如UpdatePanel,UpdateProgress等,如果你想让现有ASP.NET应用程序Ajax化,最简单的方法就是利用Ajax控件工具箱中的扩展控件,但Visual Studio默认并没有附带Ajax工具箱,你需要从这里下载,将其添加到Visual Studio工具箱中之后就可以在ASP.NET应用程序中使用了,注意,本文是针对.NET Framework 3.5而非4.0的。

  1、自动完成扩展(AutoComplete)

  这是我最喜欢的一个ASP.NET TextBox控件的扩展控件,当用户在文本框中输入字符时,它以下拉列表形式显示所有有效的值让用户选择,被选中的值自动填充到TextBox控件中,这个控件在很多ASP.NET应用程序中都得到了应用,图1显示了一个简单的示例。

  图 1 自动完成控件运行效果

  这个控件在提供搜索功能时用得最多,它可以为用户提供搜索建议,下拉列表中的内容通过一个Web服务进行暴露。

  2、动画扩展(Animation)

  如果你想使用ASP.NET Ajax制作一个很花俏的网站,那你应该尝试一下动画控件,它可以节省开发人员创建动画需要的大量时间,它可以作为任何ASP.NET控件的扩展。

  使用动画扩展可以轻松创建褪色,移动,改变大小和着色等许多效果,当目标控件触发下列事件时可以调用这些动画效果。

  • OnLoad

  • OnClick

  • OnMouseOver

  • OnMouseOut

  • OnHoverOver

  • OnHoverOut

  图2显示了一个DIV标签中目标控件被点击时的示例动画效果。

图 2 动画控件运行效果

  3、拾色器扩展(Colorpicker)

  它可以作为TextBox控件的扩展控件,点击TextBox控件时,弹出颜色拾取面板,用户可以在这个窗口中进行颜色选择,如图3所示。

  图 3 颜色拾取控件

  如果没有这个扩展控件,我不知道自己创建这样一个控件会有多大的难度,这也是我将其列在10大控件之中的原因,我也承认在ASP.NET应用程序中使用这个控件的时候很少。

  4、模态弹出扩展(Modalpopup)

  这是一个几乎适用于所有ASP.NET服务端容器控件的扩展,它允许你以一种平滑的方式显示服务器控件,它允许你给目标控件编写服务端代码,但客户端代码更快,用户体验更好,不过总归逃不脱要编写服务端代码,这个扩展为这种情况提供了极大的便利。

  这个控件让弹出效果更平滑,更清爽,用户体验更丰富,当然你还可以提供服务端代码,图4显示了一个简单的示例。

  图 4 模态弹出控件示例  

 

  5、可折叠面板扩展(CollapsiblePanel)

  当你的网页大部分由控件和文本内容组成时,聪明的人会将它们分组放在不同面板下,在分组顶部使用可折叠面板扩展,增加页面的层次感,这是一个ASP.NET面板的扩展控件,它非常有用,是使用最广泛的扩展控件之一,图5显示了一个简单的可折叠面板扩展示例。

  图 5 可折叠面板示例

  6、动态填充扩展(Dynamic Populate)

  这是一个非常有用功能强大的扩展控件,它为改变使用Ajax的控件中的HTML内容提供了方便,控件的HTML内容修改由TargetControlID控制,内容填充由PopulateTriggerControlId触发,HTML内容应该由Web服务提供。

  当你创建一个动态网页时,这个扩展很有用,你不必一开始就加载所有内容,而是根据上下文环境进行显示和隐藏,需要时才显示动态内容,因此这样可以极大地减少页面大小,提高页面性能。

  7、幻灯效果扩展(Slide Show)

  这个扩展实际上是一个ASP.NET图像控件,借助它可以轻松创建出幻灯片播放效果,你需要做的是通过WebMethod提供幻灯显示的图像,它提供了下一页,上一页,播放/停止按钮和标题标签,图6显示了一个简单的幻灯显示效果示例。

 图 6 幻灯显示效果扩展

  8、选项卡控件(Tabs)

  严格来说,它不能算作一个扩展,因为选项卡是一个独立的控件,在开发ASP.NET网页时最让我头痛的就是创建选项卡,必须结合使用JavaScript和HTML,选项卡的优点是让页面变得更美观,让导航变得更平滑,允许.NET开发人员按一定逻辑将项目进行分组,有TabContainer的选项卡控件是一个容器,它可以包含多个TabPanels,即子选项卡,图7显示了一个简单的选项卡示例。

  图 7 选项卡控件示例

  9、HTML编辑器控件(HTML Editor)

  和选项卡控件一样,HTML编辑器也是一个独立的控件,它为最终用户提供了丰富的HTML文本编辑功能,现在你在网页上见到的HTML编辑器功能都已经非常强大了。

  在后台编辑文章或来访者发表评论的地方,都可以使用HTML编辑器,当然你可以限制提交的内容,如后台编辑时通常可以是全HTML格式的内容,而评论则只能是纯文本的内容,图8显示了一个简单的HTML编辑器示例。

  图 8 HTML编辑器控件

  10、列表搜索扩展(ListSearch)

  这个扩展可以是一个列表框控件,也可以是一个下拉列表控件,用户输入字母就可以搜索列表框或下拉列表中的内容,图9显示了一个简单的列表搜索扩展示例。

 图 9 列表搜索扩展

  小结

  毫无疑问,Ajax控件工具箱扩展让我们的ASP.NET Web应用程序变得更丰富多彩,提供更好的用户体验,所有Ajax控件工具箱扩展中的CSS和动画都可以自定义,也就是说,你可以发扬Hack精神,将页面效果和用户体验做到极致。

时间: 2024-10-22 07:56:42

一起谈.NET技术,盘点ASP.NET Ajax工具箱的10大顶级控件的相关文章

盘点ASP.NET Ajax工具箱的10大顶级控件

默认情况下,.NET Framework仅自带了最基本的Ajax控件,如UpdatePanel,UpdateProgress等,如果你想让现有ASP.NET应用程序Ajax化,最简单的方法就是利用Ajax控件工具箱中的扩展控件,但Visual Studio默认并没有附带Ajax工具箱,你需要从这里下载,将其添加到Visual Studio工具箱中之后就可以在ASP.NET应用程序中使用了,注意,本文是针对.NET Framework 3.5而非4.0的. 1.自动完成扩展(AutoComplet

一起谈.NET技术,asp.net Ajax ---AutoComplete控件使用

 简介:     AutoComplete控件就是在用户在文本框输入前几个字母或是汉字的时候,该控件就能从存放数据的文或是数据库里将所有以这些字母开头的数据提示给用户,供用户选择,提供方便.  重要属性:     1.TargetControlID:指定要实现提示功能的控件.     2.ServicePath:WebService的路径,提取数据的方法是写在一个WebService中的.     3.ServeiceMethod:写在WebService中的用于提取数据的方法的名字.    

一起谈.NET技术,ASP.NET MVC 2中使用jQuery UI控件详解

问:我想给我的ASP.NET MVC输入表单添加一个日期选择控件,但模型-视图-控制器(MVC)并没有提供这样的辅助方法,我该如何添加控件? 答:和ASP.NET Web表单不一样,MVC架构没有提供可以在设计面板中拖放的有状态的服务端控件,相反,MVC鼓励使用简单的HTML布局元素和基于数据的标签作为页面布局的要素,功能和最终的布局用客户端JavaScript和CSS样式表控制. MVC提供了一套基于HtmlHelper的扩展方法渲染大部分HTML标签,对于更复杂的功能,你需要自己编写HTML

一起谈.NET技术,ASP.NET 4.0 来了

伴随着VS2010的公开测试,ASP.NET4.0也进入了我们的视线.ASP.NET4.0究竟给我们带来了什么,将在哪些方面提高我们的生产力? 在何时你需要使用ASP.NET4.0开发你的网站程序? 需要更严格的遵守Web标准: 需要更流畅的Web Form开发方式: 需要更好的搜索引擎优化: 需要后知后觉的纠正一些不够优良的设计,这些设计甚至可能是在ASP.NET 1.0发布之前就存在的: 需要将现有的功能重新改造为支持server farm或跨application domains: 需要将

一起谈.NET技术,ASP.NET MVC 2示例Tailspin Travel UI层分析

Tailspin Travel 是一个旅游预订的应用程序示例,最新版本采用ASP.NET MVC 2技术构建,主要使用 DataAnnotations 验证, 客户端验证和ViewModels,还展示了许多Visual Studio 2010, .NET Framework 4, 和Windows Server AppFabric的技术,参看ASP.NET MVC 2示例Tailspin Travel. Tailspin Travel设计的技术比较多,今天我们来看看界面(UI)上的技术,在UI层

领先技术:ASP.NET AJAX和客户端模板

对于 ASP.NET AJAX 应用程序开发而言,人们非常乐衷于使用部分呈现,其主要原因在于其固有的简单性 - 对现有页面影响较小,对开发人员的技能要求较低.但是,部分呈现仅仅是一个在执行回发请求的过程中绕过浏览器的小技巧.使用部分呈现的页面并不是真正意义上的 AJAX 页面,因为它们仍然依赖于以前的回发方法.那么究竟什么才算是真正的 AJAX 应用程序? 实际上,真正的 AJAX 应用程序使用 XMLHttpRequest 对象绕过浏览器并与 Web 服务器及任何托管 HTTP 端点建立直接通

一起谈.NET技术,Asp优化,asp缓存技术

一.何谓asp缓存/为什么要缓存 当你的web站点采用asp技术建立的初期,可能感觉到的是asp动态网页技术带来的便利性,以及随意修改性. 自如的http控制.但是,随着访问量的增加,你一定会发现自己的站点访问速度越来越慢,IIS重新启动得越来越频繁.接下来,你一定想优化asp,诸如更换性能更优异的数据库.建立索引.编写存储过程等等.这些措施有些不需要增加成本压力,有些则成本压力很大(譬如丛access到SQL),而且效果还不一定. 面对web访问压力,我认为最经济的办法是利用缓存优化技术来实现

一起谈.NET技术,ASP.NET MVC功能详解 变身数据展示达人

作为Web开发者,我们经常面对的任务就是将数据通过表格展现给用户.最简单的情景是比如仅将顾客的订单显示出来.然而,更多的数据表格将提供比如排序,分页等更多的丰富的功能. 在ASP.NET的web表单中,GridView控件提供了一种快速简便的方法显示网格中的记录集,并提供像排序.分页.编辑及删除的功能,所有的这些只需写少量的代码就可以实现.在页面加载时,GridView自动HTML中的table标记,让你不需要写任何标签,以及不用去考虑如何显示和将数据绑定到GridView控件.在ASP.NET

一起谈.NET技术,ASP.NET MVC 3 Beta新特性以及.Net开源的趋势----最新译文

NuPack – .NET的开源软件包管理器 NuPack是一个开源的软件包管理器,它使你在项目中能够更加容易的查找.安装和使用.NET 库.它能够和所有的.NET 项目类型很好的一起工作(包括,没有任何限制的,ASP.NET Web Forms和ASP.NET MVC). NuPack 使维护开源项目的开发者(例如, Moq, NHibernate, Ninject, StructureMap, NUnit, Windsor, RhinoMocks, Elmah, 等等) 能够去打包他们的库,