ASP.NET Ajax 1.0 初體驗 Part2 (範例：多層式下拉與3+2郵遞區號查詢撰寫錄影檔)
繼上一篇初體驗(安裝、試用)http://www.dotblogs.com.tw/topcat/archive/2008/03/06/1287.aspx，接著這篇就來實際舉個例子體驗一下。
一直以來有許多人在問多層式下拉(DropDownList)要如何設定，最基本的範例就是3+2的郵遞區號查詢這個範例，小喵特別把設定的過程錄製下來給大家參考。順便套用一下ASP.NET Ajax 1.0的UpdatePanel的威力。
先來看一下【多層式下拉】的設定方式，要做到這個功能，基本上幾乎可以不用寫任何程式，只要動動滑鼠設定一些動作唷。看官們請看以下這個示範鏈結。
http://vip2.blueshop.com.tw/topcat/ajaxdemo/AjaxZipCode_viewlet_swf.html
很簡單吧，接著怎麼把這樣的功能變成Ajax，讓他不會因為PostBack而造成畫面一閃一閃呢？其實很簡單，拉一個UpdatePanel，然後將所有控制項【剪下貼上】到UpdatePanel裡面。這樣就可以了。另外，如果一開始就選了某個選項，好像不像一般的操作習慣，因此每個下拉選項再加上個【請選擇】的項目。這個可以放在DropDownList控制項的DataBound事件中即可。相關的設定過程請參考以下示範。
http://vip2.blueshop.com.tw/topcat/ajaxdemo/AjaxZipCode2_viewlet_swf.html
相關的Source Code如果需要下載，煩請等幾天上傳後給大家下載參考。
另外推薦一本不錯的書，有興趣大家可以買來參考，裡面把ASP.NET AJAX鉅細靡遺的描述。書名是【ASP.NET 2.0應用程式開發：與AJAX共舞】，是由小舖的榔頭大撰寫。請參考http://www.books.com.tw/exep/prod/booksfile.php?item=0010358507
以下是簽名：
- 歡迎轉貼本站的文章，不過請在貼文主旨上加上【轉貼】，並在文章中附上本篇的超連結與站名【topcat姍舞之間的極度凝聚】，感恩大家的配合。
- 小喵大部分的文章會以小喵熟悉的語言VB.NET撰寫，如果您需要C#的Code，也許您可以試著用線上的工具進行轉換，這裡提供幾個參考
| Microsoft MVP Visual Studio and Development Technologies (2005~2019/6) | topcat Blog:http://www.dotblogs.com.tw/topcat |
