WPF DataGrid实现一键全选中功能

最新推荐文章于 2024-08-03 08:30:50 发布
最新推荐文章于 2024-08-03 08:30:50 发布
阅读量1.8k 收藏 7
点赞数 1
分类专栏： C# 文章标签： DataGrid wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_24565387/article/details/121611809
版权

实现效果如下:

在这里插入图片描述

在这里插入图片描述
界面层

<DataGrid ItemsSource="{Binding Items1}" CanUserAddRows="False"
  AutoGenerateColumns="False" HeadersVisibility="All">
        <DataGrid.Resources>
            <model:BindingProxy x:Key="DataContextProxy" Data="{Binding}" />
        </DataGrid.Resources>
        <DataGrid.Columns>
            <DataGridTextColumn  Header="User"  Binding="{Binding SectionName}" IsReadOnly="True"
      ElementStyle="{StaticResource MaterialDesignDataGridTextColumnStyle}"
      EditingElementStyle="{StaticResource MaterialDesignDataGridTextColumnEditingStyle}">
            </DataGridTextColumn>
            
            <DataGridCheckBoxColumn 
      Binding="{Binding IsSelected1, UpdateSourceTrigger=PropertyChanged}"
      ElementStyle="{StaticResource MaterialDesignDataGridCheckBoxColumnStyle}"
      EditingElementStyle="{StaticResource MaterialDesignDataGridCheckBoxColumnEditingStyle}">
                <DataGridCheckBoxColumn.Header>
                    <Border Background="Transparent">
                        <CheckBox Content="Admin" HorizontalContentAlignment="Left" IsChecked="{Binding Data.IsAllItems1Selected , Source={StaticResource DataContextProxy}}" />
                    </Border>
                </DataGridCheckBoxColumn.Header>
                <DataGridCheckBoxColumn.HeaderStyle>
                    <Style TargetType="{x:Type DataGridColumnHeader}" BasedOn="{StaticResource MaterialDesignDataGridColumnHeader}">
                        <Setter Property="HorizontalContentAlignment" Value="Center" />
                    </Style>
                </DataGridCheckBoxColumn.HeaderStyle>
            </DataGridCheckBoxColumn>
            <DataGridCheckBoxColumn 
      Binding="{Binding IsSelected2, UpdateSourceTrigger=PropertyChanged}"
      ElementStyle="{StaticResource MaterialDesignDataGridCheckBoxColumnStyle}"
      EditingElementStyle="{StaticResource MaterialDesignDataGridCheckBoxColumnEditingStyle}">
                <DataGridCheckBoxColumn.Header>
                    <Border Background="Transparent">
                        <CheckBox Content="Engineer" HorizontalContentAlignment="Left" IsChecked="{Binding Data.IsAllItems2Selected , Source={StaticResource DataContextProxy}}" />
                    </Border>
                </DataGridCheckBoxColumn.Header>
                <DataGridCheckBoxColumn.HeaderStyle>
                    <Style TargetType="{x:Type DataGridColumnHeader}" BasedOn="{StaticResource MaterialDesignDataGridColumnHeader}">
                        <Setter Property="HorizontalContentAlignment" Value="Center" />
                    </Style>
                </DataGridCheckBoxColumn.HeaderStyle>
            </DataGridCheckBoxColumn>

            <DataGridCheckBoxColumn 
      Binding="{Binding IsSelected3, UpdateSourceTrigger=PropertyChanged}"
      ElementStyle="{StaticResource MaterialDesignDataGridCheckBoxColumnStyle}"
      EditingElementStyle="{StaticResource MaterialDesignDataGridCheckBoxColumnEditingStyle}">
                <DataGridCheckBoxColumn.Header>
                    <Border Background="Transparent">
                        <CheckBox Content="Technician" HorizontalContentAlignment="Left" IsChecked="{Binding Data.IsAllItems3Selected , Source={StaticResource DataContextProxy}}" />
                    </Border>
                </DataGridCheckBoxColumn.Header>
                <DataGridCheckBoxColumn.HeaderStyle>
                    <Style TargetType="{x:Type DataGridColumnHeader}" BasedOn="{StaticResource MaterialDesignDataGridColumnHeader}">
                        <Setter Property="HorizontalContentAlignment" Value="Center" />
                    </Style>
                </DataGridCheckBoxColumn.HeaderStyle>
            </DataGridCheckBoxColumn>

            <DataGridCheckBoxColumn 
      Binding="{Binding IsSelected4, UpdateSourceTrigger=PropertyChanged}"
      ElementStyle="{StaticResource MaterialDesignDataGridCheckBoxColumnStyle}"
      EditingElementStyle="{StaticResource MaterialDesignDataGridCheckBoxColumnEditingStyle}">
                <DataGridCheckBoxColumn.Header>
                    <Border Background="Transparent">
                        <CheckBox Content="Operator" HorizontalContentAlignment="Left" IsChecked="{Binding Data.IsAllItems4Selected , Source={StaticResource DataContextProxy}}" />
                    </Border>
                </DataGridCheckBoxColumn.Header>
                <DataGridCheckBoxColumn.HeaderStyle>
                    <Style TargetType="{x:Type DataGridColumnHeader}" BasedOn="{StaticResource MaterialDesignDataGridColumnHeader}">
                        <Setter Property="HorizontalContentAlignment" Value="Center" />
                    </Style>
                </DataGridCheckBoxColumn.HeaderStyle>
            </DataGridCheckBoxColumn>

        </DataGrid.Columns>
    </DataGrid>

model层

 public class SelectViewModel2 : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler? PropertyChanged;

        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
            => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

        private bool _isSelected1;
        public bool IsSelected1
        {
            get => _isSelected1;
            set
            {
                if (_isSelected1 == value) return;
                _isSelected1 = value;
                OnPropertyChanged();
            }
        }

        private bool _isSelected2;
        public bool IsSelected2
        {
            get => _isSelected2;
            set
            {
                if (_isSelected2 == value) return;
                _isSelected2 = value;
                OnPropertyChanged();
            }
        }

        private bool _isSelected3;
        public bool IsSelected3
        {
            get => _isSelected3;
            set
            {
                if (_isSelected3 == value) return;
                _isSelected3 = value;
                OnPropertyChanged();
            }
        }

        private bool _isSelected4;
        public bool IsSelected4
        {
            get => _isSelected4;
            set
            {
                if (_isSelected4 == value) return;
                _isSelected4 = value;
                OnPropertyChanged();
            }
        }
        private string? _sectionName;
        public string? SectionName
        {
            get => _sectionName;
            set
            {
                if (_sectionName == value) return;
                _sectionName = value;
                OnPropertyChanged();
            }
        }

       
    }

  public class GridsViewModel2 : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler? PropertyChanged;

        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
            => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

        public ObservableCollection<SelectViewModel2> Items1 { get; }


        public GridsViewModel2()
        {
            Items1 = CreateData();

            foreach (var model in Items1)
            {
                model.PropertyChanged += (sender, args) =>
                {
                    if (args.PropertyName == nameof(SelectViewModel2.IsSelected1))
                        OnPropertyChanged(nameof(IsAllItems1Selected));
                    if (args.PropertyName == nameof(SelectViewModel2.IsSelected2))
                        OnPropertyChanged(nameof(IsAllItems2Selected));
                    if (args.PropertyName == nameof(SelectViewModel2.IsSelected3))
                        OnPropertyChanged(nameof(IsAllItems3Selected));
                    if (args.PropertyName == nameof(SelectViewModel2.IsSelected4))
                        OnPropertyChanged(nameof(IsAllItems4Selected));
                };
            }

        }

        public bool? IsAllItems1Selected
        {
            get
            {
                var selected = Items1.Select(item => item.IsSelected1).Distinct().ToList();
                return selected.Count == 1 ? selected.Single() : (bool?)null;
            }
            set
            {
                if (value.HasValue)
                {
                    SelectAll(value.Value, Items1,1);
                    OnPropertyChanged();
                }
            }
        }

        public bool? IsAllItems2Selected
        {
            get
            {
                var selected = Items1.Select(item => item.IsSelected2).Distinct().ToList();
                return selected.Count == 1 ? selected.Single() : (bool?)null;
            }
            set
            {
                if (value.HasValue)
                {
                    SelectAll(value.Value, Items1,2);
                    OnPropertyChanged();
                }
            }
        }

        public bool? IsAllItems3Selected
        {
            get
            {
                var selected = Items1.Select(item => item.IsSelected3).Distinct().ToList();
                return selected.Count == 1 ? selected.Single() : (bool?)null;
            }
            set
            {
                if (value.HasValue)
                {
                    SelectAll(value.Value, Items1,3);
                    OnPropertyChanged();
                }
            }
        }

        public bool? IsAllItems4Selected
        {
            get
            {
                var selected = Items1.Select(item => item.IsSelected4).Distinct().ToList();
                return selected.Count == 1 ? selected.Single() : (bool?)null;
            }
            set
            {
                if (value.HasValue)
                {
                    SelectAll(value.Value, Items1,4);
                    OnPropertyChanged();
                }
            }
        }

        private static void SelectAll(bool select, IEnumerable<SelectViewModel2> models,int nColumn)
        {
            foreach (var model in models)
            {
                switch(nColumn)
                {
                    case 1:
                        model.IsSelected1 = select;
                        break;
                    case 2:
                        model.IsSelected2 = select;
                        break;
                    case 3:
                        model.IsSelected3 = select;
                        break;
                    case 4:
                        model.IsSelected4 = select;
                        break;

                }
               
            }
        }

        private static ObservableCollection<SelectViewModel2> CreateData()
        {
            return new ObservableCollection<SelectViewModel2>
            {
                new SelectViewModel2
                {
                    SectionName="001"
                },

                new SelectViewModel2
                {
                    SectionName="002"
                },
               new SelectViewModel2
                {
                   SectionName="003"
                },
                 new SelectViewModel2
                {
                     SectionName="004"
                }

            };
        }
    }

    public class BindingProxy : Freezable
    {
        protected override Freezable CreateInstanceCore() => new BindingProxy();
        public object? Data
        {
            get => GetValue(DataProperty);
            set => SetValue(DataProperty, value);
        }

        public static readonly DependencyProperty DataProperty =
            DependencyProperty.Register("Data", typeof(object), typeof(BindingProxy), new UIPropertyMetadata(null));

    }
_°andrew°_
关注
专栏目录
WPF中DataGrid实现全选
踏实做事，诚信做人
11-22 4066
方法一：使用模板列 前台代码如下 后台实现如下  DataGridTemplateColumn templeColumn = dgPersonList.Columns[0] as DataGridTemplateColumn; FrameworkElement fwElement = dgPersonList.Col
WPF在dataGrid中添加CheckBox支持单选，多选，全选功能
09-05
项目中用到DataGrid， 需要在第一列添加checkbox， 可以多选、全选。 其中涉及的概念DataTemplate， DataGridCellStyle， DataGridCellControlTemplate，Binding， OnPropertyChanged等。
【WPF】DataGrid修改左上角全选的按钮样式
kakarrot2009的专栏
12-31 488
1、先看下效果图，只是简单改了下，实现左上角第一个单元格颜色和列头颜色一致，这样看上去会好看一些。 2、直接上代码： <Style TargetType="{x:Type DataGrid}"> <Setter Property="Template"> <Setter.Value> ...
WPF datagrid 选中某一行后让第一列的checkbox选中
最新发布
大黄鸭在发光的专栏
08-03 635
在中，定义DataGrid，绑定到一个集合，并定义一个包含CheckBox<Grid></Grid></Window>
WPF点击全选的一种方法（datagrid DataGridCheckBoxColumn 列）
weixin_40029679的博客
03-13 1771
DataGridTemplateColumn.CellTemplate 中加入设定Checkbox的IsChecked属性为。wpf点击全选的在datagrid里列加一个checkbox控件，绑定模板。然后修改对应的Item的IsChecked 属性就可以进行选择操作。
wpf Datagrid 的全选
weixin_30375427的博客
08-22 228
在我的一个datagrid的一列中需要全选框，所以我在样式中是这样写的： <DataGridTemplateColumn.Header> <CheckBox> <i:Interaction.Tri...
WPF-DataGrid中CheckBox实现全选与非全选
10-27
在DataGrid中实现了 简单的全选与非全选。
在DataGrid中使用CheckBox，实现全选功能
03-14
这个场景下，用户可能需要实现一个常见的功能，即在DataGrid中添加CheckBox，允许用户进行多选操作，尤其是全选功能。这篇博客“在DataGrid中使用CheckBox，实现全选功能”详细介绍了如何实现这一需求。 首先，我们...
MVVM框架下，WPF实现Datagrid里的全选和选择
weixin_30398227的博客
06-29 1371
最近的一个项目是用MVVM实现，在实现功能的时候，就会有一些东西，和以前有很大的区别，项目中就用到了常用的序号，就是在Datagrid里的一个字段，用checkbox来实现。 既然是MVVM，就要用到ModleView，View和Model三层。 先看一下效果 当然，也可以确定是哪一项被选中了，这个代码里有。 实现这个全选功能，用到了三个DLL文件，分别为GalaSoft.MvvmLi...
WPF DataGrid表头Checkbox 全选与全反选
热门推荐
晓剑
02-09 2万+
WPF 在使用DataGrid展示数据的时候经常会使用到checkbox列，特别是id列 例如下面这种效果： WPF 要实现DataGrid checkbox全选与全反选，方法有几种 方法一：使用DataGridTemplateColumn自定义模板 先用模板把前台布局好 <DataGrid...
WPF DATAGRID全选全不选
08-12
WPF DATAGRID全选全不选 源码
datagrid全选(JS)
07-21
javascript实现datagrid 全选和反选，很实用
DataGrid全选实例
05-09
DataGrid全选实例，rar前加个".",如“DataGrid.rar”
datagrid全选功能控件
05-25
使用说明： 1,确保为每行的数据提供一个默认状态【true/false】，状态名称为：isSelect 2,为了确保程序初始化时有默认选中项，要在主应用程序中实例化一个Array对象，其代码为：public var selectItems:Array=new Array(); 3，最后在datagrid中引用下面代码即可 import com.rj.dgrenderer.CheckBoxItemRenderer; import com.rj.dgrenderer.CheckBoxRenderer; <dgrenderer:CheckBoxColumn id="mycolumn" headerText="全选" editable="false" sortable="false" draggable="false" width="35" headerRenderer="{new ClassFactory(CheckBoxRenderer)}" itemRenderer="{new ClassFactory(CheckBoxItemRenderer)}"/> Rj_datagird.swc这个文件是对源代码进行的封装，在项目中我们可以直接引用此文件即可， 唯一使用要求，必须确保提供的数据源每行中有初始化是否选择状态[状态名：isSelect] 形如：{"isSelect":false,"dataName":"dataValue",...}，最后如下使用： <dgrenderer:CheckBoxColumn id="mycolumn" headerText="全选" editable="false" sortable="false" draggable="false" width="35" headerRenderer="{new ClassFactory(CheckBoxRenderer)}" itemRenderer="{new ClassFactory(CheckBoxItemRenderer)}"/>
WPF使用MVVM完成DataGrid数据绑定带全选
David
09-22 7491
先看看效果： 完全采用MVVM的各种绑定。点击表头CheckBox可实现全选和取消全选，选中数据行所有CheckBox时自动选中表头CheckBox，数据行中有未选中的则不会选中表头CheckBox。 demo下载：百度网盘（链接：https://pan.baidu.com/s/1vKmPFMbY6WSN6d0-kvu83w 密码：vk4h）...
WPF的DataGrid全选绑定界面Viewmodel，datagridtemplatecolumn的datatemplate里绑定Viewmodel里的数据源而非ItemSource里面的数据源
上山的人啊，请不要嘲讽下山的神
07-07 610
WPF datagrid绑定 单个全选属性绑定 模板datacontext绑定
WPF datagrid 全选全不选
08-12 2619
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         Title="MainWindow" Height="350" Width="525">            
datagrid全选
一只很酸de橘子
03-08 623
easyui datagrid全选
wpf datagrid实现全选功能
04-01
要实现WPF DataGrid的全选功能，可以在DataGrid的Header中添加一个CheckBox，当该CheckBox被选中时，遍历DataGrid的所有行，并将每行的CheckBox选中。 以下是一个示例代码，实现了DataGrid的全选功能： ```xml <DataGrid ItemsSource="{Binding Items}" AutoGenerateColumns="False"> <DataGrid.Columns> <DataGridTemplateColumn Header=""> <DataGridTemplateColumn.HeaderTemplate> <DataTemplate> <CheckBox x:Name="chkSelectAll" Click="chkSelectAll_Click"/> </DataTemplate> </DataGridTemplateColumn.HeaderTemplate> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <CheckBox IsChecked="{Binding IsSelected, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" /> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> <DataGridTextColumn Header="Name" Binding="{Binding Name}" /> <DataGridTextColumn Header="Age" Binding="{Binding Age}" /> </DataGrid.Columns> </DataGrid> ``` 在代码中，我们为DataGrid添加了一个模板列，该模板列包含一个CheckBox。在HeaderTemplate中，我们使用了一个命名的CheckBox，用于在后续代码中引用。 接下来，在DataGrid的DataContext中，我们需要添加一个IsSelected属性，用于存储每行CheckBox的选中状态： ```csharp public class ItemViewModel : INotifyPropertyChanged { private bool _isSelected; public bool IsSelected { get { return _isSelected; } set { _isSelected = value; OnPropertyChanged("IsSelected"); } } public string Name { get; set; } public int Age { get; set; } public event PropertyChangedEventHandler PropertyChanged; protected void OnPropertyChanged(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } public class MainWindowViewModel { public ObservableCollection<ItemViewModel> Items { get; set; } public MainWindowViewModel() { Items = new ObservableCollection<ItemViewModel>() { new ItemViewModel() { Name = "John", Age = 30 }, new ItemViewModel() { Name = "Jane", Age = 25 }, new ItemViewModel() { Name = "Bob", Age = 35 } }; } } ``` 最后，在代码中添加Click事件处理程序，用于处理CheckBox的选中状态： ```csharp private void chkSelectAll_Click(object sender, RoutedEventArgs e) { var chk = sender as CheckBox; foreach (var item in Items) { item.IsSelected = chk.IsChecked.Value; } } ``` 在事件处理程序中，我们首先获取发送事件的CheckBox。然后，我们遍历DataGrid的所有行，并将每行的CheckBox选中状态设置为发送事件的CheckBox的选中状态。 现在，当用户选中DataGrid的Header中的CheckBox时，所有行的CheckBox将被选中。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值