如何创建这样的树视图:
<TreeViewItem Header="Customers" ItemsSource="{Binding Customers}">
- 客户
- 安娜
- 删除 打开
- 彼得
- 删除 打开
- 安德鲁
- 删除 打开
- 安娜
我想创建像这样的子项目模板
<TreeViewItem Header="{Binding Header}">
<TreeViewItem Header="Delete"/>
<TreeViewItem Header="Open"/>
</TreeViewItem>
但是它并没有很好地工作,因为我最终有treeviewitem与数据模板treeviewitem,但我想覆盖子元素的controltemplate,而不是父。当然,我想避免我的绑定是TreeViewItem,也不想与那些静态对象"Open","Delete"创建子对象。
这是我读过的关于TreeView
的最好的文章之一。
在TreeView.Resources
内部,如果Delete和Open命令是某个集合的项,则可以声明几个具有不同DataType
的datatemplate。(命令的TargetType为iccommand)。
但是看起来你根本不需要TreeView。Customers是列表的标题。如果您希望它是可扩展的,请使用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>