1

如何创建像这样的树视图：

 <TreeViewItem Header="Customers" ItemsSource="{Binding Customers}">
  • 顾客
    • 安娜
      • 删除
      • 打开
    • 彼得
      • 删除
      • 打开
    • 安德鲁
      • 删除
      • 打开

我想创建类似这样的子项模板

 <TreeViewItem Header="{Binding Header}">
   <TreeViewItem Header="Delete"/>
   <TreeViewItem Header="Open"/>
 </TreeViewItem>

但它并不能很好地工作，因为我最终得到了带有 datatemplate treeviewitem 的 treeviewitem，但我想覆盖子元素的 controltemplate，而不是父元素。当然，我想避免我的绑定是 TreeViewItem，也不想用那些静态对象“打开”、“删除”来创建孩子。

4

1 回答 1

5

这TreeView是我读过的最好的文章之一。

如果 Delete 和 Open 命令是某个集合的项目，则可以在内部TreeView.Resources声明几个不同的 DataTemplates 。DataType（命令的 TargetType 是 ICommand）。

但似乎你根本不需要 TreeView。客户是列表的标题。如果您希望它是可扩展的，请使用Expander控件。
那么为每个客户提供一个数据模板就足够了。

<DataTemplate DataType="CustomerTypeName">
    <Expander Header="{Binding CustomerName}">
        <Button Command="{Binding DeleteCustomerCmd}" Content="Delete" Margin="15,0,0,0"/>
        <Button Command="{Binding OpenCustomerCmd}" Content="Open" Margin="15,0,0,0"/>
    <Expander/>
<DataTemplate>

但是在这里你会遇到一些选择突出显示的问题。

public class CommandWrapper
{
    ICommand Command {get;set;}
    string CommandName {get;set;}
}

public class CustomerViewModel
{
    Customer Customer {get;set;}
    IEnumerable<CommandWrapper> Commands {get;}
}

让客户收藏CustomerViewModel。那么以下 XAML 可以提供帮助：

<TreeView ItemsSource="{Binding ...}">
    <TreeView.Resources>
        <HierarchicalDataTemplate DataType="TypeHoldingCustomersCollection" 
            ItemsSource="{Binding Customers}">
            <TextBlock Text="Customers"/>
        </HierarchicalDataTemplate>

        <HierarchicalDataTemplate DataType="CustomerViewModel" 
            ItemsSource="{Binding Commands}">
            <TextBlock Text="{Binding Path=Customer.Name}"/>
        </HierarchicalDataTemplate>

        <DataTemplate DataType="CommandWrapper">
            <Button Content="{Binding CommandName}" Command="{Binding Command}"/>
        </DataTemplate>
    </TreeView.Resources>
</TreeView>
于 2013-04-02T09:47:08.643 回答