ASP.NET AJAX 1.0 RC开发10分钟图解

 更新时间:2008年03月19日 17:47:58   作者:   我要评论
12月15日,ASP.NET AJAX 1.0 RC版发布,我下载安装试用了一下,没有写一行代码,实现了一个简单的AJAX应用,以下为截图说明。

开发环境:VS2005+ASP.NET AJAX 1.0 RC

首先下载ASP.NET AJAX 1.0 RC安装文件,完成安装后即可进行我们的AJAX之旅了。

1.打开VS2005,点击“新建”-“文件”-“网站”,选择“ASP.Net-AJAX Enabled Web Site”模板,这个模板是我们安装ASP.NET AJAX 1.0 RC后多出来的模板

ajaxnet_01

2.可以看到左侧工具箱多了一个AJAX Extensions,下面包括Timer,ScriptManager,ScriptManagerProxy,UpdateProgress,UpdatePanel等几个控件,右侧的代码视图,可以看到form标签中增加了一个ScriptManager控件的标签

ajaxnet_02

3.从左侧拖动一个UpdatePanel控件放在ScriptManager控件下面

ajaxnet_03

4.然后从工具箱中拖动一个GridView控件放在UpdatePanel控件中

ajaxnet_04

5.在GirdView控件的任务菜单中,执行“选择数据源”操作

ajaxnet_05

6.选择从“金沙国际官网”获取数据,在这里我们选择SQL Server

ajaxnet_06

7.输入金沙国际官网信息,选择“Northwind”金沙国际官网

ajaxnet_07

8.把连接保存到程序配置文件中

ajaxnet_08

9.选择“自定义SQL语句或存储程序”来检索数据

ajaxnet_09

10.输入SQL语句:
SELECT CustomerID, CompanyName, ContactName, Address, City FROM Customers

ajaxnet_10

11.测试查询

ajaxnet_11

12.选中“启用分页”与“启用排序”,以检验AJAX效果

ajaxnet_12

13.万事俱备,保存,然后按ctrl+F5查看我们的劳动成果,点击页码,可以实现无刷新读取数据,点击标题号,可进行排序,也是无刷新的。

ajaxnet_13

通过上面的简单例子,我们可以感受到用ASP.NET AJAX 1.0 RC版进行开发,可以很方便快捷的实现AJAX效果;同时RC版已经接近最终发行版,已经比较成熟,少了微软对产品进行调整带来的风险,有兴趣的朋友可以做进一步的尝试。

参见ajax.asp.net的文字版:Sample ASP.NET AJAX Application

相关文章

最新评论