蝙蝠岛资源网 Design By www.hbtsch.com

开发环境: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后多出来的模板

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

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

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

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

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

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

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

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

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

6.选择从“数据库”获取数据,在这里我们选择SQL Server

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

7.输入数据库信息,选择“Northwind”数据库

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

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

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

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

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

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

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

11.测试查询

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

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

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

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

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

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

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

标签:
ASP.NET,AJAX

蝙蝠岛资源网 Design By www.hbtsch.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
蝙蝠岛资源网 Design By www.hbtsch.com

评论“ASP.NET AJAX 1.0 RC开发10分钟图解”

暂无ASP.NET AJAX 1.0 RC开发10分钟图解的评论...

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。