試試看:建立三個層級深的清單/詳細資料繫結

建立清單/詳細資料繫結主題說明如何建立兩個層級深的清單/詳細資料繫結。您也可以建立有三個層級深的清單/詳細資料檢視。例如,您可以在音樂收藏中使用有三個層級深的清單/詳細資料檢視。第一份清單 ( ListBox ) 是演出者的清單。第二份清單 (另一個 ListBox ) 是所選演出者的專輯清單。詳細資料檢視可能包含所選專輯的名稱與該專輯的封面。

tip note秘訣:

ListBox 同時結合了清單和詳細資料檢視。清單本身是清單檢視,而清單中的每個項目都是一個詳細資料檢視。

建立有三個層級深的清單/詳細資料繫結

  1. 在 [資料] 面板上,按一下 [新增範例資料]。在 [新增範例資料] 對話方塊的 [資料來源名稱] 方塊中,輸入範例資料的名稱,然後按一下 [確定]。

  2. 在 [資料] 面板中,按一下 [Collection] 啟用文字方塊,然後輸入 Artists

  3. 按一下 [Property1] 啟用文字方塊,然後輸入 ArtistName 。按一下 [變更屬性類型] Ff724030.c4968582-0dae-407e-961b-80ffa2838f3b(zh-tw,Expression.40).png。在 [格式] 下拉式清單中,按一下 [名稱]。

  4. 以滑鼠右鍵按一下 [Property2],然後按一下 [移除 "Property2"]。

  5. 在 [Artists] 右側,執行下列步驟:

    1. 按一下加號 Ff724030.203a14a5-0db2-486e-9b94-4fdf658d531b(zh-tw,Expression.40).png 旁的箭號,然後在出現的下拉式功能表中,按一下 [新增集合屬性]。

    2. 按一下 [Collection] 啟用文字方塊,然後輸入 Albums

  6. 在 [Albums] 右側,執行下列步驟:

    1. 按一下 [新增簡單屬性] Ff724030.203a14a5-0db2-486e-9b94-4fdf658d531b(zh-tw,Expression.40).png。按一下 [Property1] 啟用文字方塊,然後輸入 AlbumName

    2. 按一下 [變更屬性類型]** Ff724030.c4968582-0dae-407e-961b-80ffa2838f3b(zh-tw,Expression.40).png,然後將 [字數上限] 設定為 **2

  7. 在 [Albums] 右側,執行下列步驟:

    1. 按一下 [新增簡單屬性] Ff724030.203a14a5-0db2-486e-9b94-4fdf658d531b(zh-tw,Expression.40).png。按一下 [Property1] 啟用文字方塊,然後輸入 AlbumCover

    2. 按一下 [變更屬性類型] Ff724030.c4968582-0dae-407e-961b-80ffa2838f3b(zh-tw,Expression.40).png。在 [類型] 下拉式清單中,按一下 [影像]。

    3. 您也可以選擇在 [位置] 方塊中按一下 [瀏覽],並瀏覽到影像資料夾。

  8. 在 [資料] 面板頂端,按一下 [清單模式]。

  9. 將 [Artists] 從 [資料] 面板拖曳到畫板左邊,然後在出現 [建立 [ListBox] 並將其 ItemsSource 屬性繫結至 Artist] 工具提示時將它放下。

  10. 在 [資料] 面板頂端,按一下 [詳細資料模式]。

  11. 在 [工具] 面板中,按一下 [Grid]。在畫板中央繪製 Grid 物件。

  12. 將 [Artists] 從 [資料] 面板拖曳到剛才建立的 Grid 物件,然後在出現 [將 [Grid].d:DataContext 的資料繫結至 Artists[0]] 工具提示時將它放下。

  13. 在 [資料] 面板頂端,按一下 [清單模式]。

  14. 將 [Albums] 從 [資料] 面板拖曳到 Grid 物件上,然後在出現 [建立 [ListBox] 並將其 ItemsSource 屬性繫結至 Albums] 工具提示時將它放下。

  15. 在 [資料] 面板頂端,按一下 [詳細資料模式]。

  16. 按住 CTRL 鍵。在 [資料] 面板中,按一下 [AlbumCover] 和 [AlbumName]。將 [AlbumCover] 和 [AlbumName] 拖曳到畫板右邊,然後在出現 [建立詳細資料檢視] 工具提示時將它放下。

  17. 按 F5 以建置然後執行專案。

現在,當您按一下第一份清單 (左邊) 中的項目時,第二份清單隨即更新。當您選取第二份清單中的項目時,詳細資料檢視將會更新。

另請參閱

工作

建立清單/詳細資料繫結

Copyright © 2011 by Microsoft Corporation. All rights reserved.