WPF TreeView HierarchicalDataTemplate

<StackPanel Margin="0,0,0,0">
            <StackPanel.Resources>
                <HierarchicalDataTemplate x:Key="MonTemp" DataType = "{x:Type local:MonthViewModel}" ItemsSource = "{Binding FileInfoViewModels}">
                    <TextBlock Text="{Binding MonthDescription}"/>
                    <HierarchicalDataTemplate.ItemTemplate>
                        <DataTemplate DataType="{x:Type local:FileInfoViewModel}">
                            <TextBlock Text="{Binding FileName}"/>
                        </DataTemplate>
                    </HierarchicalDataTemplate.ItemTemplate>
                </HierarchicalDataTemplate>

                <HierarchicalDataTemplate x:Key="YearTemp" DataType = "{x:Type local:YearViewModel}" ItemsSource = "{Binding MonthViewModels}" ItemTemplate="{StaticResource MonTemp}">
                    <TextBlock Text="{Binding YearDescription}"/>
                </HierarchicalDataTemplate>
            </StackPanel.Resources>

            <TreeView Height="100" Name="fileTree">
                <TreeView.Resources>
                    <Style TargetType="{x:Type TreeViewItem}">
                        <Setter Property="IsExpanded" Value="True"/>
                    </Style>
                </TreeView.Resources>
                <TreeViewItem ItemsSource="{Binding TreeViewModels}" Header="Back up View" ItemTemplate="{StaticResource YearTemp}"/>
            </TreeView>
        </StackPanel>


HierarchicalDataTemplate 的DataType是本层的绑定,而ItemsSource是绑定下层的对象集合,它只能使用两层集合,如MonTemp,如果要用到三层以上,需要两个HierarchicalDataTemplate,用ItemTemplate引用另外一个。

HierarchicalDataTemplate绑定后,子节点都是直接绑定DataSource的Object,并非TreeViewItem,所以要全部默认展开的话,要用TreeView.Resources设置Style.

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF TreeView 可以通过设置 SelectionMode 属性来启用多选模式。默认情况下,TreeView 的 SelectionMode 属性是 Single,只能选择一个节点。如果要启用多选模式,可以将 SelectionMode 属性设置为 Extended。 以下是一个简单的示例,演示如何在 WPF TreeView 中启用多选模式: ```xml <TreeView ItemsSource="{Binding Items}" SelectionMode="Extended"> <TreeView.ItemContainerStyle> <Style TargetType="{x:Type TreeViewItem}"> <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}" /> </Style> </TreeView.ItemContainerStyle> <TreeView.ItemTemplate> <HierarchicalDataTemplate ItemsSource="{Binding Children}"> <TextBlock Text="{Binding Name}" /> </HierarchicalDataTemplate> </TreeView.ItemTemplate> </TreeView> ``` 在上面的示例中,我们将 TreeView 的 SelectionMode 属性设置为 Extended,使其启用多选模式。然后,我们使用 TreeViewItem 的样式将其 IsSelected 属性绑定到 ViewModel 中的 IsSelected 属性。最后,我们使用 HierarchicalDataTemplate 定义 TreeView 的节点模板。 ViewModel 代码如下: ```csharp public class ItemViewModel : INotifyPropertyChanged { public string Name { get; set; } public ObservableCollection<ItemViewModel> Children { get; set; } private bool _isSelected; public bool IsSelected { get { return _isSelected; } set { if (_isSelected != value) { _isSelected = value; OnPropertyChanged(nameof(IsSelected)); } } } public event PropertyChangedEventHandler PropertyChanged; protected void OnPropertyChanged(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } ``` 在 ViewModel 中,我们定义了一个 IsSelected 属性,并在 TreeViewItem 的样式中将其绑定到 TreeView 中的 IsSelected 属性。当用户选择或取消选择节点时,ViewModel 中的 IsSelected 属性将更新。 希望这个示例可以帮助你实现 WPF TreeView 的多选模式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值