本主题创建“列表-细节”数据绑定演示了如何创建深度为两个级别的列表-细节数据绑定。您也可以创建深度为三个级别的列表-细节视图。例如,您可以为音乐集合使用深度为三个级别的列表-细节视图。第一个列表 ( ListBox ) 是艺术家姓名的列表。第二个列表(第二个 ListBox )是所选艺术家的专辑的列表。详细信息视图可能包括所选专辑的名称以及所选专辑封面的图像。
提示: |
|---|
ListBox 合并了列表视图和详细信息视图。该列表本身是一个列表视图,并且列表中的每一项都是一个详细信息视图。 |
创建深度为三个级别的列表-细节数据绑定
在“数据”面板中,单击“新建示例数据”。在“新建示例数据”对话框的“数据源名称”框中,键入示例数据的名称,然后单击“确定”。
在“数据”面板中,单击“集合”以启用文本框,然后键入 Artists 。
单击“Property1”以启用文本框,然后键入 ArtistName 。单击“更改属性类型”
。在“格式”下拉列表中,单击“名称”。右键单击“Property2”,然后单击“删除‘Property2’”。
在“Artists”的右边,执行以下操作:
单击加号
旁边的箭头,然后在出现的下拉菜单中,单击“添加集合属性”。单击“集合”以启用文本框,然后键入 Albums 。
在“Albums”的右边,执行以下操作:
单击“添加简单属性”
。单击“Property1”以启用文本框,然后键入 AlbumName 。单击“更改属性类型”
,并将“最大字数”设置为 2 。
在“Albums”的右边,执行以下操作:
单击“添加简单属性”
。单击“Property1”以启用文本框,然后键入 AlbumCover 。单击“更改属性类型”
。在“类型”下拉列表中,单击“图像”。(可选)在“位置”框中,单击“浏览”并浏览到图像文件夹。
在“数据”面板的顶部,单击“列表模式”。
将“Artists”从“数据”面板拖到美工板的左边,并在出现“创建 [ListBox] 并将其 ItemsSource 属性绑定到 Artist”工具提示时将其放下。
在“数据”面板的顶部,单击“详细信息模式”。
在“工具”面板中,单击“Grid”。在美工板中央绘制一个 Grid 对象。
将“Artists”从“数据”面板拖到刚刚创建的 Grid 对象,并在出现“将 [Grid].d:DataContext 数据绑定到 Artist[0]”工具提示时将其放下。
在“数据”面板的顶部,单击“列表模式”。
将“Albums”从“数据”面板拖到 Grid 对象上,并在出现“创建 [ListBox] 并将其 ItemsSource 属性绑定到 Albums”工具提示时将其放下。
在“数据”面板的顶部,单击“详细信息模式”。
按住 Ctrl。在“数据”面板中,单击“AlbumCover”和“AlbumName”。将“AlbumCover”和“AlbumName”拖到美工板的右边,并在出现“创建详细信息视图”工具提示时将其放下。
按 F5 生成并运行项目。
现在,当您单击位于左侧的第一个列表中的项时,第二个列表将会更新。当您选择第二个列表中的项时,详细信息视图将会更新。
另请参阅
任务
Microsoft Corporation 版权所有 ⓒ 2011。保留所有权利。
提示: