首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> .NET 網頁程式設計 >> ASP.NET 基礎 >> 關於ASP.NET

ASP.NET 2.0 GridView 實現主從關係完整教學:DropDownList 聯動明細表

     編輯:關於ASP.NET

經典主從場景:產品類別 → 訂單明細

Northwind 資料庫 Products (主) 與 Order Details (從) 為一對多關係。使用兩個 SqlDataSource + DropDownList + GridView 免寫代碼實現聯動。

步驟 1:主表 DropDownList 繫結產品清單

  1. 拖曳 SqlDataSource (ID: productListingDataSource) 選取 Products 資料表 ProductID, ProductName,依名稱排序。
  2. 拖曳 DropDownList,智慧標籤選擇資料來源為 productListingDataSource,DataTextField="ProductName"、DataValueField="ProductID"。

步驟 2:從表 SqlDataSource 設定 Where 參數聯動 DropDownList

  1. 拖曳第二個 SqlDataSource (ID: orderDetailsForProduct) 選取 Order Details 欄位 OrderID, UnitPrice, Quantity。
  2. 設定 Where 子句:點選「WHERE」按鈕 → Column=ProductID、Operator==、Source=Control、ControlID=DropDownList1 → 加入參數。

步驟 3:GridView 繫結從表資料來源

拖曳 GridView 選擇資料來源 orderDetailsForProduct,啟用分頁/排序。執行時切換 DropDownList,GridView 自動重新查詢顯示該產品的所有訂單明細。

進階:多鍵主從與巢狀顯示

  • 主表 GridView 設定 DataKeyNames="OrderID,CustomerID",從表 ControlParameter 使用 PropertyName="SelectedDataKey.Values[0]" 及 Values[1] 取得多鍵值。
  • 巢狀呈現:從表 GridView 放入主表 FormView.ItemTemplate,於 FormView.DataBound 事件動態設定從表 DataSource 參數 (OrderDetailsDataSource.SelectParameters["OrderID"].DefaultValue = FormView.DataItem("OrderID"))。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved