Question

我想显示绑定到模型的树视图它有效但是：

<TreeView ItemsSource="{Binding Items}">
            <TreeView.ItemContainerStyle>
                <Style TargetType="{x:Type TreeViewItem}" >
                    <Style.Triggers>
                        <Trigger Property="HasItems" Value="true">
                            <Setter Property="Focusable" Value="False"/>
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </TreeView.ItemContainerStyle>
                <TreeView.ItemTemplate>
                <HierarchicalDataTemplate ItemsSource="{Binding SubNodes}">
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="20"/>
                            <ColumnDefinition/>
                        </Grid.ColumnDefinitions>
                        <CheckBox Grid.Column="0"/>
                        <TextBlock Text="{Binding Text}" Grid.Column="1"/>
                    </Grid>
                </HierarchicalDataTemplate>
            </TreeView.ItemTemplate>
        </TreeView>

我想要三个模板：一个用于rootitem，另一个用于子节点，第三个用于子节点，但替代另一个模板。

Answer 1

它相对简单。

定义树绑定的三种不同类型：

// defines root nodes in the tree
public sealed class RootNode : ITreeNode // or some other interface or base type
{
    public IEnumerable<SubNode> SubNodes {get;set;}
}

//  defines all middle nodes
public class SubNode : ITreeNode
{
   public IEnumerable<SubNode> Children {get;set;}
}

// defines leafs
public sealed class LeafNode : SubNode { }

构造它们并将它们添加到ViewModel

public sealed class ViewModel 
{
    // or use an OC<T> or whatever your design needs
    public IEnumerable<RootNode> Roots {get;set;}

然后使用HierarchicalDataTemplate.DataType为每个模板指定模板：

<TreeView
  ItemsSource="{Binding Roots}">
  <TreeView.Resources>
      <HierarchicalDataTemplate 
          xmlns:t="clr-namespace:NamespaceForNodeClasses"
          DataType="{x:Type t:RootNode}
          ItemsSource="{Binding SubNodes}">
          <TextBlock Text="I'm a root node!"/>
      </HierarchicalDataTemplate>
      <HierarchicalDataTemplate 
          xmlns:t="clr-namespace:NamespaceForNodeClasses"
          DataType="{x:Type t:SubNode}
          ItemsSource="{Binding Children}">
          <TextBlock Text="I'm a regular tree node!"/>
      </HierarchicalDataTemplate>
      <HierarchicalDataTemplate 
          xmlns:t="clr-namespace:NamespaceForNodeClasses"
          DataType="{x:Type t:LeafNode}>
          <TextBlock Text="I'm a leaf!"/>
      </HierarchicalDataTemplate>
  </TreeView.Resources>
</TreeView>

为树的不同级别使用不同的模板

1 个答案: