topcat姍舞之間的極度凝聚

ASP.NET Ajax還在測試階段時(當時的代號是Atlas)，小喵試用了MagicAjax.NET使用上感覺還蠻容易使用的。有興趣請參考這一篇(http://blog.blueshop.com.tw/topcat/archive/2006/07/06/31989.aspx)

現在官方的測試版本已經出來了，小喵覺得也是時候測試一下官方正式版本的威力了(下一個版本的VS將會內建在裡面唷!!)，所以就到官方往站下載了相關程式安裝並進行測試，有需要的請到官方網站下載(http://ajax.asp.net)

下載安裝上應該沒有什麼特別要注意的事項，很簡單的執行安裝完成即可。安裝完成後，在開啟新網站的時候，會發現有個項目【ASP.NET Ajax-Enabled web site】初體驗嘛，就從這個先開始。

開啟專案後，會看到Default.aspx的畫面中自動多了一【Script Manager】在畫面上，看一下Web.Config裡面則是多了許多的設定，暫時不研究這些東西是什麼，先來寫一下簡單的程式來測試一下Ajax的公用如何使用以及效果如何。

首先在畫面上安排一個TextBox與Button，然後雙擊Button寫一下CodeFile相關程式

<asp:ScriptManager ID="ScriptManager1" runat="server" /> <div> <br /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="Button" /></div>

Me.TextBox1.Text = Now.ToLongTimeString

程式很簡單，就是Server端抓取時間並顯示在TextBox上，當然這樣的結果，使用起來會PostBack

接著就來測試一下Ajax的使用方式，首先先在工具列中找到【Ajax Extensions】的區塊，並且拉一個【UpdatePanel】進入畫面中(操作的時候最吼都切換到【設計】模式)，接著一樣，拉一個TextBox一個Button【放到到UpdatePanel】中，一樣雙擊Button切換到CodeFile撰寫相同的程式

<asp:ScriptManager ID="ScriptManager1" runat="server" /> <div> <br /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="Button" /><br /> <br /> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> <asp:Button ID="Button2" runat="server" Text="Button" /> </ContentTemplate> </asp:UpdatePanel> </div>

Me.TextBox2.Text = Now.ToLongTimeString

然後開始執行看看，比較一下，包再UpdatePanel中的物件相同，後端程式一模一樣的狀況下，竟然就不會再PostBack了!!這個使用的方式跟MagicAjax.NET用法幾乎是一模一樣的，也就是說，不用改變撰寫ASP.NET的習慣與方式，只要把相關的控制項包在UpdatePanel之後，就可以輕鬆的達到Ajax的效果了。

另外再觀察一下工具箱中的另一個物件【UpdateProgress】，這個東西的功用是，當Ajax需要做比較久的運作時，您可以把想要顯示的訊息設定在裡面，那麼當Ajax開始運作到運作完成這段時間，就能夠出現您指定的訊息(這部分比MagicAjax.NET不容易更改的Loading...字樣好多了)

待續.....