当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > ASP.NET AJAX 1.0 RC开发10分钟图解

ASP.NET
asp.net GridView控件中模板列CheckBox全选、反选、取消
asp.net GridView 删除时弹出确认对话框(包括内容提示)
asp.net DropDownList 三级联动下拉菜单实现代码
asp DataTable添加列和行的三种方法
Asp.net 页面调用javascript变量的值
asp.net 长文章通过设定的行数分页
asp.net 定时间点执行任务的简易解决办法
asp.net 页面延时五秒,跳转到另外的页面
asp.net 动态输出透明gif图片
asp.net DataList与Repeater用法区别
asp.net Javascript获取CheckBoxList的value
asp.net程序在调式和发布之间图片路径问题的解决方法
asp.net下生成英文字符数字验证码的代码
asp.net 页面版文本框智能提示JSCode (升级版)
ASP.NET URL伪静态重写实现方法
ASP.NET 2.0 中Forms安全认证
asp.net 动态添加多个用户控件
asp.net Repeater显示父子表数据,无闪烁
asp.net 无法获取的内部内容,因为该内容不是文本 的解决方法
asp.net GridView排序简单实现

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-11   浏览: 64 ::
收藏到网摘: n/a

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