WPF: привязка к выбранному TreeViewItem - PullRequest
Новая
       38

WPF: привязка к выбранному TreeViewItem

2 голосов
/ 24 апреля 2009

У меня есть TreeView, который построен на XML-файле и содержит текст и изображение в каждом TreeViewItem. Кроме того, у меня есть TextBlock и Image, которые я хочу привязать к выбранному TreeViewItem.

Как я могу это сделать?

Вот мой XAML: 

<Window.Resources>
<HierarchicalDataTemplate DataType="Node" ItemsSource ="{Binding XPath=ChildNode}">
    <StackPanel Orientation="Horizontal">
        <Image Source="{Binding XPath=@Image}"/>
        <TextBlock Text="{Binding XPath=@Name}" />
    </StackPanel>
</HierarchicalDataTemplate>
<HierarchicalDataTemplate DataType="ChildNode" ItemsSource ="{Binding XPath=GrandchildNode}">
    <StackPanel Orientation="Horizontal">
        <Image Source="{Binding XPath=@Image}" />
        <TextBlock Text="{Binding XPath=@Name}" />
    </StackPanel>
</HierarchicalDataTemplate>
<DataTemplate DataType="GrandchildNode">
    <StackPanel Orientation="Horizontal">
        <Image Source="{Binding XPath=@Image}" />
        <TextBlock Text="{Binding XPath=@Name}" />
    </StackPanel>
</DataTemplate>
<XmlDataProvider x:Key="xmlNodeList" Source="XMLFile1.xml" XPath="Root"/></Window.Resources><StackPanel>
<TreeView Name="treeView1" ItemsSource="{Binding Source={StaticResource xmlNodeList}, XPath=Node}" />
<TextBlock />
<Image /></StackPanel>

А вот данные XML: 

<Root>
<Node Name="AAA" Image="images/1.ico" />
<Node Name="BBB" Image="images/2.ico">
    <ChildNode Name="bbb 1" Image="images/3.ico">
        <GrandchildNode Name="b 1.1" Image="images/4.ico"/>
        <GrandchildNode Name="b 1.2" Image="images/5.ico"/>
        <GrandchildNode Name="b 1.3" Image="images/6.ico"/>
    </ChildNode>
    <ChildNode Name="bbb 2" Image="images/7.ico"/>
    <ChildNode Name="bbb 3" Image="images/8.ico">
        <GrandchildNode Name="b 3.1" Image="images/9.ico"/>
        <GrandchildNode Name="b 3.2" Image="images/10.ico"/>
    </ChildNode>
    <ChildNode Name="bbb 4" Image="images/11.ico"/>
</Node>
<Node Name="CCC" Image="images/12.ico">
    <ChildNode Name="ccc 1" Image="images/13.ico">
        <GrandchildNode Name="c 1.1" Image="images/14.ico"/>
        <GrandchildNode Name="c 2.2" Image="images/15.ico"/>
    </ChildNode>
</Node></Root>

1 Ответ

6 голосов
/ 24 апреля 2009

Если вы поместите свой TextBlock & Image в другую StackPanel, чтобы сделать его немного проще, вы можете сделать: 

<StackPanel DataContext="{Binding ElementName=treeView1, Path=SelectedItem}">
   <TextBlock Text="{Binding XPath=@Name}" />
   <Image Source="{Binding XPath=@Image}" />
</StackPanel>
...