共用方式為


HOW TO:使用 SelectedValue、SelectedValuePath 和 SelectedItem

本範例顯示如何使用 SelectedValueSelectedValuePath 屬性,指定 TreeViewSelectedItem 值。

範例

SelectedValuePath 屬性可提供一種方法,替 TreeView 中的 SelectedItem 指定 SelectedValueSelectedItem 表示 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>

下列範例會定義 HierarchicalDataTemplate,以顯示 Employee 的 EmployeeName 和 EmployeeWorkDay。 請注意,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"/>

請參閱

參考

TreeView

TreeViewItem

概念

TreeView 概觀

其他資源

TreeView HOW TO 主題