WPF DataGrid全选 MaterialDesign

2 篇文章 0 订阅
1 篇文章 0 订阅

设计代码

<DataGrid Width="860" Height="530" IsReadOnly="True" ColumnHeaderStyle="{StaticResource IDataGridColumnHeaderStyle}" 
                          AutoGenerateColumns="False" ItemsSource="{Binding Materials}" >

                    <DataGrid.Resources>
                        <domain:BindingProxy x:Key="DataContextProxy" Data="{Binding}" />
                    </DataGrid.Resources>

                    <DataGrid.Columns>
                        <DataGridCheckBoxColumn IsReadOnly="False" Binding="{Binding IsSelected, UpdateSourceTrigger=PropertyChanged}" ElementStyle="{StaticResource MaterialDesignDataGridCheckBoxColumnStyle}"
                                                 EditingElementStyle="{StaticResource MaterialDesignDataGridCheckBoxColumnEditingStyle}">
                            <DataGridCheckBoxColumn.Header>
                                <Border Background="Transparent">
                                    <CheckBox IsChecked="{Binding Data.IsAllSelected, 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>

                        <DataGridTextColumn Header="材料类型" Binding="{Binding type}" Width="*"/>
                        <DataGridTextColumn Header="材料名称" Binding="{Binding name}" Width="*"/>
                        <DataGridTextColumn Header="规格" Binding="{Binding guige}" Width="*"/>
                        <DataGridTextColumn Header="型号" Binding="{Binding xinghao}" Width="*"/>
                        <DataGridTextColumn Header="单位" Binding="{Binding danwei}" Width="*"/>
                        <DataGridTextColumn Header="换算系数" Binding="{Binding xishu}" Width="*"/>
                    </DataGrid.Columns>

                    <DataGrid.CellStyle>
                        <Style TargetType="DataGridCell" BasedOn="{StaticResource MaterialDesignDataGridCell}">
                            <Setter Property="HorizontalAlignment" Value="Center"/>
                            <Style.Triggers>
                                <Trigger Property="IsSelected" Value="True">
                                    <Setter Property="BorderThickness" Value="0"/>
                                </Trigger>
                            </Style.Triggers>
                        </Style>
                    </DataGrid.CellStyle>

                </DataGrid>

BindingProxy代码(在material light源码中拷贝过来的)
命名空间自行修改

using System.Windows;

namespace MaterialDesignDemo.Domain
{
    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));
    }
}

ViewModel代码

namespace TruckScales.App.ViewModel
{
    public class XuanzecailiaoViewModel : ViewModelBase
    {
        public XuanzecailiaoViewModel()
        {
            foreach (var model in Materials)
            {
                model.PropertyChanged += (sender, args) =>
                {
                    if (args.PropertyName == nameof(Material.IsSelected))
                    {
                        RaisePropertyChanged(nameof(IsAllSelected));
                        TruckScalesHelper.ViewModelLocator.Jinchangchengzhong.RefreshSelectMaterials();
                    }
                };
            }
        }

        private List<Material> _materials;
        public List<Material> Materials
        {
            get
            {
                if (_materials == null)
                {
                    _materials = new List<Material>();
                    _materials.Add(new Material() { type = "1", name = "1" });
                }
                return _materials;
            }
        }

        private bool? isAllSelected;
        public bool? IsAllSelected
        {
            get
            {
                var selected = Materials.Select(item => item.IsSelected).Distinct().ToList();
                return selected.Count == 1 ? selected.Single() : (bool?)null;
            }
            set
            {
                if (value.HasValue)
                {
                    SelectAll(value.Value, Materials);
                    Set(ref isAllSelected, value);
                }
            }
        }

        private static void SelectAll(bool select, IEnumerable<Material> models)
        {
            foreach (var model in models)
            {
                model.IsSelected = select;
            }
        }

    }

    public class Material : ViewModelBase
    {
        private bool isSelected;

        public bool IsSelected
        {
            get { return isSelected; }
            set { Set(ref isSelected, value); }
        }

        public string type { get; set; }
        public string name { get; set; }
    }
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
### 回答1: 在WPF中,可以通过以下方式实现DataGrid全选功能: 1. 首先,需要在XAML文件中创建一个CheckBox来表示全选功能。例如,可以在DataGrid的上方添加一个CheckBox控件,并设置一个命名,如"全选CheckBox"。 2. 接下来,在代码文件中,可以使用DataGrid的SelectionChanged事件来处理全选功能。在事件处理程序中,可以获取到全选CheckBox的状态,然后根据其状态来改变DataGrid中的所有行的选中状态。 3. 在SelectionChanged事件处理程序中,可以使用VisualTreeHelper来遍历DataGrid中的所有行,并根据全选CheckBox的状态改变每一行的选中状态。具体步骤如下: a. 首先,使用VisualTreeHelper.GetChildrenCount方法获取DataGrid中的所有子元素的数量。 b. 然后,使用VisualTreeHelper.GetChild方法来获取每个子元素。 c. 判断获取到的子元素是否为DataGridRow,如果是,则可以使用DataGrid的SelectedItems属性来判断其选中状态并进行更新。 4. 最后,需要在全选CheckBox的Checked和Unchecked事件中调用全选功能的实现代码。例如,可以在Checked事件中将所有行都选中,而在Unchecked事件中将所有行都取消选中。 综上所述,以上是使用WPF实现DataGrid全选功能的基本步骤。按照这种方法,可以实现DataGrid全选功能,并根据全选CheckBox的状态来改变每一行的选中状态。可以将以上代码嵌入到WPF项目中相应的位置并且根据个人需求进行调整。 ### 回答2: 在WPFDataGrid中实现全选的方法如下所示: 1. 首先,我们需要在DataGrid控件中添加一个全选的复选框列。可以使用DataGridTemplateColumn来创建一个模板列,其中包含一个CheckBox控件。 2. 在XAML代码中,我们可以添加以下的代码片段: ```xaml <DataGrid x:Name="myDataGrid"> <DataGrid.Columns> <DataGridTemplateColumn> <DataGridTemplateColumn.Header> <CheckBox x:Name="chkSelectAll" Content="全选" Checked="chkSelectAll_Checked" Unchecked="chkSelectAll_Unchecked"/> </DataGridTemplateColumn.Header> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <CheckBox IsChecked="{Binding IsSelected, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> <!-- 其他列 --> </DataGrid.Columns> </DataGrid> ``` 3. 在代码后台的.cs文件中,我们可以添加以下代码: ```csharp private void chkSelectAll_Checked(object sender, RoutedEventArgs e) { foreach (var item in myDataGrid.ItemsSource) { // 获取数据项中名为"IsSelected"的属性,并将其设置为true PropertyInfo propertyInfo = item.GetType().GetProperty("IsSelected"); propertyInfo.SetValue(item, true); } } private void chkSelectAll_Unchecked(object sender, RoutedEventArgs e) { foreach (var item in myDataGrid.ItemsSource) { PropertyInfo propertyInfo = item.GetType().GetProperty("IsSelected"); propertyInfo.SetValue(item, false); } } ``` 在这个示例中,我们通过遍历DataGrid中的每个数据项,使用反射来获取名为"IsSelected"的属性,并将其设置为true或false来实现全选或取消全选的功能。 请注意,上述示例假设数据项中有一个名为"IsSelected"的布尔属性来表示每一行是否被选中。您可以根据自己的需求调整代码。 ### 回答3: 要实现 WPF DataGrid全选功能,可以按照以下步骤进行操作: 1. 在 XAML 文件中,创建一个 DataGrid 控件,并指定其 Name 属性,以便在后面的代码中引用它。 ```xml <DataGrid x:Name="myDataGrid"> <!-- DataGrid 的列定义 --> </DataGrid> ``` 2. 在代码文件中,定义一个集合来存储 DataGrid 的数据源,并将其绑定到 DataGrid 控件。 ```csharp public ObservableCollection<MyDataModel> MyDataCollection { get; set; } myDataGrid.ItemsSource = MyDataCollection; ``` 3. 添加一个复选框作为全选按钮,并为其添加一个点击事件处理程序。 ```xml <CheckBox x:Name="selectAllCheckBox" Click="SelectAllCheckBox_Click" Content="全选" /> ``` 4. 在点击事件处理程序中,通过遍历 DataGrid 的行,选中或取消选中每一行的复选框。 ```csharp private void SelectAllCheckBox_Click(object sender, RoutedEventArgs e) { CheckBox checkBox = (CheckBox)sender; bool isChecked = checkBox.IsChecked ?? false; foreach (var item in MyDataCollection) { item.IsSelected = isChecked; } } ``` 5. 在 DataGrid 的列定义中,添加一个模板列,其中包含一个复选框,用于选中或取消选中每一行。 ```xml <DataGrid.Columns> <!-- 其他列定义 --> <DataGridTemplateColumn> <DataGridTemplateColumn.HeaderTemplate> <DataTemplate> <!-- 全选按钮的复选框 --> <CheckBox Click="SelectAllCheckBox_Click" IsChecked="{Binding ElementName=selectAllCheckBox, Path=IsChecked, Mode=TwoWay}" /> </DataTemplate> </DataGridTemplateColumn.HeaderTemplate> <DataGridTemplateColumn.CellTemplate> <DataTemplate> <!-- 行的复选框 --> <CheckBox IsChecked="{Binding IsSelected, Mode=TwoWay}" /> </DataTemplate> </DataGridTemplateColumn.CellTemplate> </DataGridTemplateColumn> </DataGrid.Columns> ``` 通过以上步骤,你可以在 WPF DataGrid 中实现全选功能。点击全选复选框时,所有行的复选框会被选中或取消选中,然后可以通过访问数据源的 IsSelected 属性来获取被选中的行。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

呼呼突突

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值