熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

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

2013-11-13 11:02:10  來源: .NET編程 
  五設計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
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.