昨天我继续学习了《ASP.net AJAX与silverlight 实战手册》中的第二章，将学习记录和体会总结下来，希望用自己的语言能把AJAX刷新的不同表达清楚。 一.新建网站： 我的IDE的VS2008专业版，自带AJAX开发组件，新建网站时，不会出现专门的如2005中的ASP.net AJA

　　昨天我继续学习了《ASP.net AJAX与silverlight 实战手册》中的第二章，将学习记录和体会总结下来，希望用自己的语言能把AJAX刷新的不同表达清楚。

　　一.新建网站：

　　我的IDE的VS2008专业版，自带AJAX开发组件，新建网站时，不会出现专门的如2005中的“ASP.net AJAX-Enabled Web Site”模板，可以按照通常的习惯建立一个“ASP.net 网站”模板，打开的默认页面是没有任何控件的，如果这个页面你要使用AJAX控件，就先在页面上放置（拖放到页面上）ScriptManager控件，但是当你点击“添加新项”后会出现如图1的选择"AJAX web窗体"后，会出现自带ScriptManager控件的页面如图1Default.aspx，如果你用的IDE是VS2005，选择“ASP.net AJAX-Enabled Web Site”模板后，默认产生的Default.aspx页面就会自动的放置一个ScriptManager控件如图1Default.aspx，每个欲使用ASp.net AJAX技术的网页里都需要放置这个控件。那么这个ScriptManager控件是干什么的呢？

　　ScriptManager控件：主要的作用在于将ASP.net AJAX Client Framework 放置到该页面中，这样UpdatePanel及UpdateProgress等ASP.net AJAX控件都需要这组JavaScript函数库方能正常运作，ScriptManager控件提供了许多属性供设计师调校，这些属性现在比较难理解，我把他放在后面学习理解，现在对ASP.net AJAX Client Framework 的理解也是比较片面的，还是写出来让读者也能大体的了解一下，这本书有专门的章节对ASP.net AJAX Client Framework 进行讲解。

　　ASP.net AJAX Client Framework ：除了能够解决JavaScript中面向对象的技巧外（也就是学习记录一中提到的不用写一行js代码），同时还提供了跨浏览器的支持机制，此机制可以协助设计师撰写出跨浏览器的网页。

　　图1

　　二.页面布置实例1.

　　在Default.aspx页面中放置一个UpdatePanel控件，这个控件从外观上看与panel控件一样，也可以在UpdatePanel中放入大多数的asp.net控件，然后我们找一个有数据的表，我用的是Area表，一个融资明细表，下面用到了一个与以往不同的填充GridView控件表数据的方法，就是利用VS的特性直接将表从服务器资源管理器中将Area表拖到Default.aspx页面UpdatePanel控件外，如图1最左边第三个表Area，然后不做任何操作，页面就会自动的出现一个sqldatasouce控件和GridView控件，同时这两个控件已经绑定好，同时填充了Area表的数据，如图GridView1的上部是UpdatePanel1：

　　图2

　　这种特性是数据源控件的最简单的使用方法，不用编写一行代码，我们可以选取你想对GridView开启的功能，如图2所示启用分页、排序、编辑、删除、选定内容，也可以用往常的方式对GridView进行列编辑甚至编辑模板，，但是这种直接拖拉的方式，对表的填充是没有限制的和条件的，如果你想有限制，继续配置sqldatasouce数据源控件中的sql语句，除了这种方法我们也可以按照传统的方式绑定数据源，或是使用DateTable作为数据源填充GridView1（我现在正在准备一个GridView控件使用的系列，将会具体讲解），就这个例子来看，我们主要是想体会AJAX的刷新问题，就不具体讲解GridView了，现在我们先不启用GridView1中的任何一种属性功能，做接下来的工作，我们再放一个Button1在UpdatePanel控件内部图3第6行，再放一个Button2在UpdatePanel控件外部图3第9行

　　部分客户端代码

1　<div> 2　　　　<asp:ScriptManagerID="ScriptManager1"runat="server"/> 3　　</div> 4　　<asp:UpdatePanelID="UpdatePanel1"runat="server"> 5　　　　<ContentTemplate> 6　　　　　　<asp:ButtonID="Button1"runat="server"Text="Button"onclick="Button1_Click"/> 7　　　　</ContentTemplate> 8　　</asp:UpdatePanel> 9　　　　　　<asp:ButtonID="Button2"runat="server"Text="Button"　onclick="Button2_Click"/> 10　　<asp:GridViewID="GridView1"runat="server"AutoGenerateColumns="False" 11　　　　DataKeyNames="id"DataSourceID="SqlDataSource1"EmptyDataText="没有可显示的数据记录。"> 12　　　　<Columns>