如何:使用 SelectedValue、SelectedValuePath 和 SelectedItem

更新:2007 年 11 月

此示例演示如何使用 SelectedValueSelectedValuePath 属性为 TreeViewSelectedItem 指定值。

示例

SelectedValuePath 属性提供了一种为 TreeView 中的 SelectedItem 指定 SelectedValue 的方法。SelectedItem 表示 Items 集合中的对象,TreeView 显示选定项的单个属性的值。SelectedValuePath 属性指定用于确定 SelectedValue 属性的值的属性的路径。本主题中的示例阐释了这一概念。

下面的示例演示包含雇员信息的 XmlDataProvider

<XmlDataProvider x:Key="myEmployeeData" XPath="/EmployeeData">
  <x:XData>
    <EmployeeData >
      <EmployeeInfo>
        <EmployeeName>Jesper Aabergy</EmployeeName>
        <EmployeeWorkDay>Monday</EmployeeWorkDay>
        <EmployeeWorkDay>Wednesday</EmployeeWorkDay>
        <EmployeeWorkDay>Friday</EmployeeWorkDay>
        <EmployeeStartTime>8:00am</EmployeeStartTime>
        <EmployeeNumber>12345</EmployeeNumber>
      </EmployeeInfo>
      <EmployeeInfo>
        <EmployeeName>Dominik Paiha</EmployeeName>
        <EmployeeWorkDay>Monday</EmployeeWorkDay>
        <EmployeeWorkDay>Tuesday</EmployeeWorkDay>
        <EmployeeStartTime>6:30am</EmployeeStartTime>
        <EmployeeNumber>98765</EmployeeNumber>
      </EmployeeInfo>
    </EmployeeData>
  </x:XData>
</XmlDataProvider>

下面的示例定义用于显示 Employee 的 EmployeeName 和 EmployeeWorkDay 的 HierarchicalDataTemplate。请注意 HierarchicalDataTemplate 不会将 EmployeeNumber 指定为模板的一部分。

<HierarchicalDataTemplate DataType="EmployeeInfo" 
  ItemsSource ="{Binding XPath=EmployeeWorkDay}">
  <TextBlock Text="{Binding XPath=EmployeeName}" />
</HierarchicalDataTemplate>

下面的示例演示 TreeView,它使用之前定义的 HierarchicalDataTemplate,并将 SelectedValue 属性设置为 EmployeeNumber。当您在 TreeView 中选择 EmployeeName 时,SelectedItem 属性将返回与选定的 EmployeeName 对应的 EmployeeInfo 数据项。但是,由于此 TreeViewSelectedValuePath 被设置为 EmployeeNumber,因此 SelectedValue 也被设置为 EmployeeNumber。

<TreeView ItemsSource="{Binding Source={StaticResource myEmployeeData}, 
    XPath=EmployeeInfo}" 
    Name="myTreeView" 
    SelectedValuePath="EmployeeNumber" 
    />

<TextBlock Margin="10">SelectedValuePath: </TextBlock>
<TextBlock Margin="10,0,0,0" 
           Text="{Binding ElementName=myTreeView, 
                          Path=SelectedValuePath}"
           Foreground="Blue"/>

<TextBlock Margin="10">SelectedValue: </TextBlock>
<TextBlock Margin="10,0,0,0" 
           Text="{Binding ElementName=myTreeView, 
                          Path=SelectedValue}"
           Foreground="Blue"/>

有关完整示例,请参见 指定 SelectedValuePath 的树视图的示例

请参见

概念

TreeView 概述

参考

TreeView

TreeViewItem

其他资源

TreeView 帮助主题

TreeView 示例