动手试验:创建深度为三个级别的“列表-细节”绑定

本主题创建“列表-细节”数据绑定演示了如何创建深度为两个级别的列表-细节数据绑定。您也可以创建深度为三个级别的列表-细节视图。例如,您可以为音乐集合使用深度为三个级别的列表-细节视图。第一个列表 ( ListBox ) 是艺术家姓名的列表。第二个列表(第二个 ListBox )是所选艺术家的专辑的列表。详细信息视图可能包括所选专辑的名称以及所选专辑封面的图像。

tip note提示:

ListBox 合并了列表视图和详细信息视图。该列表本身是一个列表视图,并且列表中的每一项都是一个详细信息视图。

创建深度为三个级别的列表-细节数据绑定

  1. 在“数据”面板中,单击“新建示例数据”。在“新建示例数据”对话框的“数据源名称”框中,键入示例数据的名称,然后单击“确定”。

  2. 在“数据”面板中,单击“集合”以启用文本框,然后键入 Artists

  3. 单击“Property1”以启用文本框,然后键入 ArtistName 。单击“更改属性类型”Ff724030.c4968582-0dae-407e-961b-80ffa2838f3b(zh-cn,Expression.40).png。在“格式”下拉列表中,单击“名称”。

  4. 右键单击“Property2”,然后单击“删除‘Property2’”。

  5. 在“Artists”的右边,执行以下操作:

    1. 单击加号 Ff724030.203a14a5-0db2-486e-9b94-4fdf658d531b(zh-cn,Expression.40).png 旁边的箭头,然后在出现的下拉菜单中,单击“添加集合属性”。

    2. 单击“集合”以启用文本框,然后键入 Albums

  6. 在“Albums”的右边,执行以下操作:

    1. 单击“添加简单属性”Ff724030.203a14a5-0db2-486e-9b94-4fdf658d531b(zh-cn,Expression.40).png。单击“Property1”以启用文本框,然后键入 AlbumName

    2. 单击“更改属性类型”Ff724030.c4968582-0dae-407e-961b-80ffa2838f3b(zh-cn,Expression.40).png,并将“最大字数”设置为 2

  7. 在“Albums”的右边,执行以下操作:

    1. 单击“添加简单属性”Ff724030.203a14a5-0db2-486e-9b94-4fdf658d531b(zh-cn,Expression.40).png。单击“Property1”以启用文本框,然后键入 AlbumCover

    2. 单击“更改属性类型”Ff724030.c4968582-0dae-407e-961b-80ffa2838f3b(zh-cn,Expression.40).png。在“类型”下拉列表中,单击“图像”。

    3. (可选)在“位置”框中,单击“浏览”并浏览到图像文件夹。

  8. 在“数据”面板的顶部,单击“列表模式”。

  9. 将“Artists”从“数据”面板拖到美工板的左边,并在出现“创建 [ListBox] 并将其 ItemsSource 属性绑定到 Artist”工具提示时将其放下。

  10. 在“数据”面板的顶部,单击“详细信息模式”。

  11. 在“工具”面板中,单击“Grid”。在美工板中央绘制一个 Grid 对象。

  12. 将“Artists”从“数据”面板拖到刚刚创建的 Grid 对象,并在出现“将 [Grid].d:DataContext 数据绑定到 Artist[0]”工具提示时将其放下。

  13. 在“数据”面板的顶部,单击“列表模式”。

  14. 将“Albums”从“数据”面板拖到 Grid 对象上,并在出现“创建 [ListBox] 并将其 ItemsSource 属性绑定到 Albums”工具提示时将其放下。

  15. 在“数据”面板的顶部,单击“详细信息模式”。

  16. 按住 Ctrl。在“数据”面板中,单击“AlbumCover”和“AlbumName”。将“AlbumCover”和“AlbumName”拖到美工板的右边,并在出现“创建详细信息视图”工具提示时将其放下。

  17. 按 F5 生成并运行项目。

现在,当您单击位于左侧的第一个列表中的项时,第二个列表将会更新。当您选择第二个列表中的项时,详细信息视图将会更新。

另请参阅

任务

创建“列表-细节”数据绑定

Microsoft Corporation 版权所有 ⓒ 2011。保留所有权利。