Udostępnij za pośrednictwem

Instrukcje: używanie elementu SelectedValue, SelectedValuePath i SelectedItem

  • Artykuł

W tym przykładzie pokazano, jak używać właściwości SelectedValue i SelectedValuePath, aby określić wartość SelectedItemTreeView.

Przykład

Właściwość SelectedValuePath umożliwia określenie SelectedValue dla SelectedItem w TreeView. SelectedItem reprezentuje obiekt w kolekcji Items, a TreeView wyświetla wartość pojedynczej właściwości wybranego elementu. Właściwość SelectedValuePath określa ścieżkę do właściwości używanej do określenia wartości właściwości SelectedValue. Przykłady w tym temacie ilustrują tę koncepcję.

W poniższym przykładzie przedstawiono XmlDataProvider, które zawiera informacje o pracownikach.

<XmlDataProvider x:Key="myEmployeeData" XPath="/EmployeeData">
  <x:XData>
    <EmployeeData xmlns="">
      <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>

Poniższy przykład definiuje HierarchicalDataTemplate, który wyświetla EmployeeName i EmployeeWorkDayEmployee. Należy pamiętać, że HierarchicalDataTemplate nie określa EmployeeNumber jako części szablonu.

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

W poniższym przykładzie przedstawiono TreeView, które używa wcześniej zdefiniowanej HierarchicalDataTemplate i ustawia właściwość SelectedValue na EmployeeNumber. Po wybraniu EmployeeName w TreeViewwłaściwość SelectedItem zwraca element danych EmployeeInfo odpowiadający wybranej EmployeeName. Jednak ponieważ SelectedValuePath tego TreeView jest ustawiona na EmployeeNumber, SelectedValue jest ustawiona na EmployeeNumber.

<TreeView ItemsSource="{Binding Source={StaticResource myEmployeeData}, 
    ItemTemplate={StaticResource SampleTemplate},
    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"/>

Zobacz też