WPF Datagrid 表格单选、多选、全选、全不选

WPF Datagrid 表格单选、多选、全选、全不选

本文为MVVM模式下的
单选、全选:

 <DataGrid Background="White"  Grid.Column="1"      Margin="8,0,16,0" Name="dgList"  BorderBrush="#DDDDDD" BorderThickness="1"  Style="{StaticResource DataGridStyle}"  LoadingRow="dgList_LoadingRow"
                      ItemsSource="{Binding dgList, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                <DataGrid.Columns>
                    <DataGridTemplateColumn Width="38">
                        <DataGridTemplateColumn.HeaderTemplate>
                            <DataTemplate>
                                <TextBlock Margin="5,0,0,0" Text="" />
                            </DataTemplate>
                        </DataGridTemplateColumn.HeaderTemplate>
                        <DataGridTemplateColumn.CellTemplate>
                            <DataTemplate>
                                <RadioButton HorizontalAlignment="Center" GroupName="List" IsChecked="{Binding DataContext.IsSelected, RelativeSource={RelativeSource AncestorType={x:Type DataGridRow}}}" />
                                <CheckBox HorizontalAlignment="Center" IsChecked="{Binding DataContext.IsSelected, RelativeSource={RelativeSource AncestorType={x:Type DataGridRow}}}" />
                            </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                    </DataGridTemplateColumn>
                 </DataGrid.Columns>
            </DataGrid>

Datagrid:绑定dgList集合
RadioButton :用来单选,绑定的是dgList集合里的IsSelected字段,切记加上GroupName属性,才有单选效果。
CheckBox :多选,绑定的是dgList集合里的IsSelected字段。

表头全选:
前端代码:

<DataGrid Background="White"  Grid.Column="1"      Margin="8,0,16,0" Name="dgList"  BorderBrush="#DDDDDD" BorderThickness="1"  Style="{StaticResource DataGridStyle}"  LoadingRow="dgList_LoadingRow"
                      ItemsSource="{Binding dgList, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}">
                <DataGrid.Columns>
                    <DataGridTemplateColumn Width="38">
                        <DataGridTemplateColumn.HeaderTemplate>
                            <DataTemplate>
                                <CheckBox x:Name="cbAll" IsChecked="{ Binding IsCheckAll}" Click="cbAll_Click" Margin="5,0,0,0" Text="" />
                            </DataTemplate>
                        </DataGridTemplateColumn.HeaderTemplate>
                 </DataGrid.Columns>
            </DataGrid>

后台代码:
单击通过勾选数量,来判断全选还是全不选

        private void cbAll_Click(object sender, RoutedEventArgs e)
        {
            var choosedItemCount = _viewModel.dgList.Where(p => p.IsSelected).Count();
            var allItemCount = _viewModel.dgList.Count();
            var result = choosedItemCount == allItemCount;
            _viewModel.dgList.ForEach(p =>
            {
                p.IsSelected = !result;
            });
            _viewModel.IsCheckAll = !result;
        }

ViewModel中:
增加属性控制勾选

     private bool _isCheckAll;

        /// <summary>
        /// 是否全选
        /// </summary>
        public bool IsCheckAll
        {
            get { return _isCheckAll; }
            set { SetProperty(ref _isCheckAll, value); }
        }
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值