WPF TreeView Binding

Bind Treeview In WPF

TreeView Xmal

   <TreeView x:Name="TvWorkItem" Grid.Column="0" Grid.Row="2" Background="Black"
                  ItemsSource="{Binding MenuDataSource}" 
                  SelectedItemChanged="TreeView_OnSelectedItemChanged">

            <TreeView.ItemTemplate >
                <HierarchicalDataTemplate ItemsSource="{Binding ChildItems}">
                    <TextBlock Text="{Binding Name}" Background="Black" >
                         <TextBlock.Style >
        <Style TargetType="TextBlock">
            <Style.Triggers>

               <DataTrigger Binding="{Binding HasOutStandingTask}" Value="true"> 
                   <Setter  
                           Property="Foreground" 
                           Value="DarkOrange" />
                   <Setter Property="FontSize" Value="16"></Setter>
               </DataTrigger>
                <DataTrigger Binding="{Binding HasOutStandingTask}" Value="false"> 
                   <Setter  
                           Property="Foreground" 
                           Value="Aqua" />
               </DataTrigger>
                
            </Style.Triggers>
        </Style>
    </TextBlock.Style>

                    </TextBlock>
                </HierarchicalDataTemplate>
            </TreeView.ItemTemplate>
        </TreeView>


ViewModel

 private ObservableCollection<MenuItem> _menuDataSource;
        public ObservableCollection<MenuItem> MenuDataSource
        {
            get
            {
                if (_menuDataSource == null)
                    _menuDataSource = MenuOperation.LoadMenu();

                return _menuDataSource;
            }
            set
            {
                _menuDataSource = value;
                RaisePropertyChanged(() => MenuDataSource);
            }
        }


Entity

  public class MenuItem
    {
        public Guid Id { get; set; }
        public string Name { get; set; }
        public string OriName { get; set; }
        public bool HasOutStandingTask { get; set; }
        public ObservableCollection<MenuItem> ChildItems { get; set; }
        public bool IsWorkItemType { get; set; }
        public WorkItemType WorkType { get; set; }
        public bool IsWorkItem { get; set; }
    }



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、付费专栏及课程。

余额充值