也學ASP.NET 2.0 AJAX 1.0 之一:使用ScriptManager,UpdatePanel,UpdateProgress
一、下載安裝
ASPAJAXExtSetup.msi
ASPAJAXCTP.msi
二、安裝AdventureWorks樣本資料庫
三、開啟vs.net2005建立網站,會出現ASP.NET AJAX-Enabled Web Site,選它。
四、default.aspx頁面
代碼:
<div>prefix="o" ?>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
</div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:GridView ID="GridView1" runat="server" AllowPaging="True" CellPadding="4" DataSourceID="SqlDataSource1"
ForeColor="#333333" GridLines="None" OnPageIndexChanged="GridView1_PageIndexChanged">
<FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
<RowStyle BackColor="#FFFBD6" ForeColor="#333333" />
<SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
<PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
<HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:AdventureWorksConnectionString %>"
SelectCommand="SELECT FirstName, LastName FROM HumanResources.vEmployee ORDER BY LastName, FirstName">
</asp:SqlDataSource>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
Getting employees...正在擷取僱員列表...
</ProgressTemplate>
</asp:UpdateProgress>
五、添加本地連接字串web.config中
</configSections>prefix="o" ?>
<connectionStrings >
<add name="AdventureWorksConnectionString" connectionString="server=XXX\sqlexpress;database=AdventureWorks;integrated security=SSPI;max pool size=4;min pool size=4;" providerName="System.Data.SqlClient" />
</connectionStrings>
運行即可
粘貼到word再粘貼到html再粘貼到此處