对树的不同级别使用不同的模板答案

【问题标题】：Using different templates for different levels of the tree对树的不同级别使用不同的模板
【发布时间】：2011-11-09 05:35:08
【问题描述】：

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

<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，第二个用于子节点，第三个用于子节点，但可以替代另一个模板。

【问题讨论】：

欢迎询问有关复选框的其他问题。

标签： wpf mvvm triggers treeview

【解决方案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>

【讨论】：

您好，但是：在 MVVM 中，视图不应该知道模型。定义一个 BaseTreeView 和注入由 ViewModel 定义的 TreeViews 可能更聪明：需要复选框吗？ -> 注入 TreeViewWithCheckboxes 等等……你怎么看？
@skary “在 MVVM 中，视图不应该知道模型。”绝对肯定不正确。此外，严格的正统观念并不总是最好的做法。实用和可测试应该是您的目标。