仅在子项上带有复选框的 TreeView

Question

我有一个 XML 这种类型的文档。

<?xml version="1.0" encoding="utf-8"?>
<Parameters>
  <Param Name="Father0_0" ID="1">
    <Param0 Name="Father0_1" ID="2">
      <Param1 Name="Father0_2" ID="3">
        <Param2 Name="Child0_0" ID_ch="1"/>
      </Param1>
      <Param1 Name="Father0_3" ID="4">
        <Param2 Name="Father0_4" ID="5">
          <Param3 Name="Child0_3" ID_ch="2"/>
        </Param2>
      </Param1>
    </Param0>
  </Param>
  <Param Name="Father1_0" ID="6">
    <Param0 Name="Child1_0" ID_ch="3" />
  </Param>
  <Param Name="Father2_0" ID="7">
    <Param1 Name="Child2_0" ID_ch="3"/>
  </Param>
 <Param Name="Child3_0" ID_ch="4"/>
</Parameters>

.CS

所以我加载我的 XML

XmlDataProvider _xml = FindResource("xmldata") as XmlDataProvider;
var xmlDocument = new XmlDocument();
xmlDocument.Load("34.xml");
_xml.Document = xmlDocument;

如果我按照下面 XAML 中的描述进行操作，我会在 treeview 中的所有项目上得到 Chechkboks？

.XAML

<Window.Resources>
 <XmlDataProvider x:Key="xmldata" XPath="Parameters"/>
<!--The same is done for the Param0,Param1,Param2,Param3 changing DataType=""-->
 <HierarchicalDataTemplate DataType="Param" ItemsSource="{Binding XPath= ./*}">
   <StackPanel Orientation="Horizontal">
    <CheckBox Margin="5,0,0,0" Content="{Binding XPath=@Name}" />
   </StackPanel>
 </HierarchicalDataTemplate>
<!-------------------------------->
</Window.Resources>
<Grid>
 <TreeView ItemsSource="{Binding Source={StaticResource xmldata}, XPath=Param}"  />
</Grid>

如何制作只供儿童使用的 CheckBox。

Answer 1

您可以检查 TreeViewItem 是否没有项目，然后它是子节点，您可以将您的 CheckBox.Visibility 绑定为：

     <HierarchicalDataTemplate DataType="Param" ItemsSource="{Binding XPath= ./*}">
        <StackPanel Orientation="Horizontal">
            <CheckBox Margin="5,0,0,0" Content="{Binding XPath=@Name}" >
                <CheckBox.Style>
                    <Style TargetType="CheckBox">
                        <Setter Property="Visibility" Value="Collapsed"/>
                        <Style.Triggers>
                            <DataTrigger Binding="{Binding Items.Count, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type TreeViewItem}}}" Value="0">
                                <Setter Property="Visibility" Value="Visible"/>
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </CheckBox.Style>
            </CheckBox>
        </StackPanel>
    </HierarchicalDataTemplate>

Answer 2

在 XML 数据的情况下，自定义 TreeView 的更通用方法是制作您自己的数据模板选择器：

public class ItemTemplateSelector : DataTemplateSelector
{
    public DataTemplate ParentTemplate { get; set; }

    public DataTemplate ChildTemplate { get; set; }

    public override DataTemplate SelectTemplate(object item, DependencyObject container)
    {
        var element = item as XElement;
        if (element != null)
        {
            return element.Elements().Any() ? ParentTemplate : ChildTemplate;
        }

        return base.SelectTemplate(item, container);
    }
}

在 XAML 中的使用方法如下：

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApplication2"
        Title="MainWindow" Height="350" Width="525">

    <Window.Resources>
        <local:ItemTemplateSelector x:Key="ItemTemplateSelectorKey">

            <local:ItemTemplateSelector.ParentTemplate>
                <HierarchicalDataTemplate ItemsSource="{Binding Elements}">
                    <TextBlock Text="{Binding Attribute[Name].Value}"/>
                </HierarchicalDataTemplate>
            </local:ItemTemplateSelector.ParentTemplate>

            <local:ItemTemplateSelector.ChildTemplate>
                <DataTemplate>
                    <CheckBox Content="{Binding Attribute[Name].Value}"/>
                </DataTemplate>
            </local:ItemTemplateSelector.ChildTemplate>

        </local:ItemTemplateSelector>
    </Window.Resources>

    <TreeView ItemsSource="{Binding Root.Elements}"
              ItemTemplateSelector="{StaticResource ItemTemplateSelectorKey}"/>
</Window>

代码隐藏：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = XDocument.Parse(Properties.Resources.XmlFile);
    }
}

这是结果：

请注意，我使用的是 XDocument API 而不是 XmlDocument 一个。

UPD
ChildTemplate 进行了一些简化以提高可读性，但这在内容中显示下划线时存在问题（例如，请参阅 this 答案以获取解释）。

仅在子项上带有复选框的 TreeView

TreeView with Chekbox only on children

c#

wpf

treeview

xaml