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

 更新时间:2008年03月19日 17:47:58   作者:   我要评论

12月15日,ASP.NET AJAX 1.0 RC版发布,我下载安装试用了一下,没有写一?#20889;?#30721;,实现了一个简单的AJAX应用,以下为截图说明。

开发环?#24120;篤S2005+ASP.NET AJAX 1.0 RC

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

1.打开VS2005,点击“新建?#20445;?#25991;件?#20445;?#32593;站?#20445;?#36873;择“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.选中“启用分页”与“启用排序?#20445;?#20197;检验AJAX效果

ajaxnet_12

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

ajaxnet_13

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

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

相关文章

最新评论

时时彩包赢公式0369
中国竞彩网竞彩258 虹口足球场 河南十一选五基本走势图 吉林快三官网开奖结果 排球初学视频 中原风采22选5胆拖 吉林11选5杀号技巧 六合图库网址大全 26选5什么时候开奖 王中王资料一肖中特天王中王论坛 15选5杀号定胆最准确 新疆时时彩漂开奖号码 河南幸运武林网上投注 辽宁十一选五推荐 足彩总进球巧买