ATLAS入門篇之CascadingDropDown控件編程[6]

　　五設計aspx頁面

　　現在我們開始使用前面定義的Web服務和CascadingDropDown控件在一個Web頁面中顯示汽車和汽車模型信息

　　【第一步】把兩個DropDownList控件拖動到Defaultaspx頁面分別命名它們為ddlCars和ddlCarModels

DataTextField="CarName" DataValueField="CarId" DataSourceID="ods_Cars">




Width="181px">

　　【第二步】創建一個ObjectDataSource，用於顯示ddlCars下拉列表框中所有可用的汽車信息。默認情況下，當加載頁面時，將顯示出在Cars表格內所有可用的汽車。

OldValuesParameterFormatString="original_{0}" SelectMethod="GetAllCars" 
TypeName="dsCarsTableAdapters.CarsTableAdapter">

　　【第三步】在該頁面上再添加一個CascadingDropDown控件，並設置下列屬性（見列表）：

屬性 內容 含義 Category Cars 相應於knowCategoryValues的分類 LoadingText 請等待…… 當dropdownlist控件正在加載時顯示的消息

ParentControlID

ddlCars 從中選擇CategoryId的DropDownList PromptText 請選擇一個模型 在沒有選擇內容時的提示文本 TargetControlID ddlCarModels CascadingDropDownNameValue應該加載到的DropDownList控件 ServicePath CarsService.asmx 指向web服務的路徑 ServiceMethod GetModelsByCarId 被調用以取得相應值的Web方法

　　【注意】當把CascadingDropDown控件拖動到頁面上時，系統將自動在頁面“源”視圖內容的前面加上下面一句：

<%@  Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

　　顯然，這裡在Default.aspx頁面中自動添加一個對AjaxControlToolkit.dll的引用。tW.WIngwIT.cOM根據上面屬性輸入完畢後的代碼如下所示：

ID="CascadingDropDown1" 
runat="server" 
Category="Cars" ParentControlID="ddlCars" 
TargetControlID="ddlCarModels" 
ServicePath="CarsService.asmx" 
ServiceMethod="GetModelsByCarId" 
LoadingText="請等待……" PromptText="請選擇一個模型">

　　六、運行結果

　　最後，按F5運行之。一切順利的話，你會看到運行中的ASP.NET AJAX CascadingDropDown控件的使用（如圖7所示）。值得注意的是，這個Ajax控件的數據來源於後台的SQL Server數據庫。

圖7：示例網站運行結果

　　拉框中的數據來源於SQL Server 2005數據庫，並且這些數據的提供是在後台基於AJAX技術異步加載的。

　　七、總結

　　在本文中，我們仍然學習了一個簡單例子，探討了如何在ASP.NET 2.0 Web頁面中構建支持Ajax技術的層疊式下拉列表框控件，並基於SQL Server 2005為此控件提供數據支持。同時，我們也領略到在VS2005中進行Web開發時前後端之間連接的流暢性。

[1]  [2]  [3]  [4]  [5]  [6]  

From:http://tw.wingwit.com/Article/program/net/201311/15032.html