現在
【第一步】把兩個DropDownList控件拖動到Default
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