具有绑定的XML DataSource问题的分层DataTemplate

Question

使用下面的XML，我想使用带有WPF树视图的hierarchicaldatatemplate。

根据类型中的值，我打算使用旁边带有名称的不同图像，然后从id标记中获取值中的名称。< / p>

    <key type='Configuration'>
        <id field='name' value='Some value'/>
    </key>
    <key type='Container'>
        <id field='name' value='MyName'/>
        <key type='Container'>
            <id field='name' value='Data12345'/>
            <key type='Container'>
                <id field='name' value='Data987655'/>
                <key type='Circuit'>
                    <id field='name' value='Data63236723'/>
                </key>
            </key>
        </key>
    </key>

我尝试了一些简单的例子，但没有一个展示如何将hierarchydatatemplate与属性一起使用，以及如何从属性中获取带有绑定的文本。

如果有人能够展示了如何将此XML与TreeView一起使用，那么这将是多么好看。

Answer 1

起初，我认为您无法使用该XML架构满足这些要求。但是，在测试项目中尝试之后，似乎一切正常：

您需要使用XmlDataProvider来访问XML文件：

<XmlDataProvider Source="/WpfApplication2;component/Xml/TestXMLFile.xml" 
    XPath="root/key" />

您还需要向XML添加root节点以使其合法：

<?xml version="1.0" encoding="utf-8" ?>
<root>
    <key type='Configuration'>
        <id field='name' value='Some value'/>
    </key>
    <key type='Container'>
        <id field='name' value='MyName'/>
        <key type='Container'>
            <id field='name' value='Data12345'/>
            <key type='Container'>
                <id field='name' value='Data987655'/>
                <key type='Circuit'>
                    <id field='name' value='Data63236723'/>
                </key>
            </key>
        </key>
    </key>
</root>

然后您需要添加TreeView：

<TreeView ItemsSource="{Binding}" ItemTemplate="{StaticResource ItemTemplate}" />

最后，将HierarchicalDataTemplate添加到Resources部分：

<HierarchicalDataTemplate x:Key="ItemTemplate" ItemsSource="{Binding XPath=key}"  DataType="key">
    <StackPanel Orientation="Horizontal" Margin="0,2">
        <Image>
            <Image.Style>
                <Style>
                    <Setter Property="Image.Source" Value="Images/Default.png" />
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding XPath=@type}" Value="Container">
                            <Setter Property="Image.Source" Value="Images/Container.png" />
                        </DataTrigger>
                        <DataTrigger Binding="{Binding XPath=@type}" Value="Configuration">
                            <Setter Property="Image.Source" Value="Images/Configuration.png" />
                        </DataTrigger>
                        <DataTrigger Binding="{Binding XPath=@type}" Value="Circuit">
                            <Setter Property="Image.Source" Value="Images/Circuit.png" />
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Image.Style>
        </Image>
        <TextBlock Text="{Binding XPath=id/@value}" Margin="5,0" />
    </StackPanel>
</HierarchicalDataTemplate>

我并不是真的想为你做整件事，所以我会让你根据自己的喜好调整它。我相信你会好起来的。