首页 > OOP语言 > AJAX > 正文

用Microsoft ASP.NET AJAX技术构建交互式的用户界面― Part 2
2011-12-26 00:00:00   来源:www.bianceng.cn   评论:0 点击:

暂时无描述信息

导言:

在前面部分我们概述了ASP.NET AJAX framework,我们探讨了如何下载和安装该框架,同时对UpdatePanel控件进行了相关概述.把UpdatePanel控件拖动到页面 ,再把要参与局部回传的控件放置到UpdatePanel控件里,就可以很简单的创建交互式的用户界面.任何由UpdatePanel内的控件触发的回传都会转化为局部页面回传.和整页 回传类似,局部回传也向服务器发送一个请求,而不经由客户端脚本.另外,在页面上只有这些区域的编码在HTTP响应里进行返回,且通过JavaScript进行更新.简而言之, 局部页面使页面看起来更清爽.客户端和服务器端的代码交互量更少,页面更新更流畅——没有普通回传时常有的闪烁现象.

在Part 1我们考察的 UpdatePanel控件实在是太简单了,其仅仅包含了一个Label 和 Button控件.本文,我们将更接近实际的考察UpdatePanel控件,更深入的考察其属性.具体来说,首先我们将 在UpdatePanel里使用GridView控件;然后,我们再看一个页面包含多个UpdatePanel控件的情况,阐述UpdatePanel控件的UpdateMode, ChildrenAsTrigger, 以及Triggers 属性的功效。

在UpdatePanel里使用GridView控件

使用UpdatePanel控件的好处在于,它可以创建一个具有AJAX功能的用户界面。在现实生活中,用户界面可 能会包含数据Web控件,比如GridView。当把它置于UpdatePanel控件时,其所有的功能——比如分页、排序、编辑、删除等可以使用,而不用编写额外的代码 等.

本文下载代码里有这样一个实例,一个GridView控件置于UpdatePanel控件里面,其支持编辑、删除、排序、分页等功能.要创建这样的页面,你只需要将 ScriptManager 和 UpdatePanel控件添加到页面上;接下来,将一个GridView控件添加到该UpdatePanel控件里。此时,你可以像通常那样对其进行设置,你可以将其绑定到 一个公共数据源控件(declarative data source control),并在其智能标签里启用分页、排序、编辑、删除功能。对GridView控件的编辑、删除、分页、排序的彻底阐述超 出了本文的范畴,关于这方面的更多详情,请参阅文章

《Working with Data in ASP.NET 2.0》(http://asp.net/learn/data%2Daccess)

完成GridView控件 的设置后,在浏览器里进行测试。由于GridView控件放置在 UpdatePanel里,普通情况下将引发整页回传的操作——比如转到下一页面,排序、编辑、删除等, 都只会触发局部回传。用户界面看起来清爽多了.

相关热词搜索:

上一篇:在ASP.NET中使用无框架的Ajax实例
下一篇:用Microsoft ASP.NET AJAX技术构建交互式的用户界面―part1

分享到: 收藏