【问题标题】:Toggle multiple checkboxes on mouse left button down and drag in wpf向下切换鼠标左键上的多个复选框并在 wpf 中拖动
【发布时间】:2018-10-03 18:24:18
【问题描述】:

当用户在鼠标左键按下时拖动它时,我想切换 wpf DataGrid 中所有复选框的检查状态。这意味着当用户按下鼠标左键并在DataGrid上拖动时,落在该拖动区域下的所有'DataGridCheckBoxColumn'类型的单元格都应该改变检查状态。

我可以通过获取选定单元格的集合并切换复选框状态来实现这一点,但只有当网格中的行数很少且不存在垂直滚动条时它才能正常工作。当我向网格添加更多行以使网格上出现垂直滚动条时,此技术不起作用。它切换拖动区域中的复选框和网格视图区域下方的许多其他复选框(这是一种分页区域,就好像 DataGrid 将窗口划分为多个页面并在每个页面中选择这些复选框)。

我的尝试

  1. 通过获取 SelectedCells 集合来切换复选框
  2. 通过从 VisualTreeHelper 中选择蓝色框下方的复选框进行切换
  3. 通过获取行索引和列索引来循环拖动区域下的行和列来切换

所有方法都会导致相同的行为。 我想了解这种方法的错误在哪里。我用于第一种方法的代码背后的 xaml 和代码是

.xaml

<Window x:Class="MultipleCheckboxSelection.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:MultipleCheckboxSelection"
    mc:Ignorable="d"
    Title="MainWindow" Height="500" Width="800">
<Grid>
    <DataGrid AutoGenerateColumns="False" Margin="0,0,0,29" Name="userGrid" SelectionUnit="Cell" 
              PreviewMouseLeftButtonUp="userGrid_PreviewMouseLeftButtonUp" IsReadOnly="True">
        <DataGrid.Columns>
            <DataGridTextColumn Header="First Name" Binding="{Binding FirstName}"></DataGridTextColumn>
            <DataGridTextColumn Header="Last Name" Binding="{Binding LastName}"></DataGridTextColumn>
            <DataGridTextColumn Header="Age" Binding="{Binding Age}" Width="100"/>
            <DataGridCheckBoxColumn Header="Column-1"></DataGridCheckBoxColumn>
            <DataGridCheckBoxColumn Header="Column-2"></DataGridCheckBoxColumn>
            <DataGridCheckBoxColumn Header="Column-3"></DataGridCheckBoxColumn>
            <DataGridCheckBoxColumn Header="Column-4"></DataGridCheckBoxColumn>
            <DataGridCheckBoxColumn Header="Column-5"></DataGridCheckBoxColumn>
            <DataGridCheckBoxColumn Header="Column-6"></DataGridCheckBoxColumn>
        </DataGrid.Columns>
    </DataGrid>
</Grid>

C#

public partial class MainWindow : Window
{
    readonly ObservableCollection<Person> People = new ObservableCollection<Person>();

    public MainWindow()
    {
        InitializeComponent();
        for (int i = 0; i < 2000; i++)
        {
            People.Add(new Person() { FirstName = "First", LastName = "Last", Age = 20 });
        }
        userGrid.ItemsSource = People;
    }

    private void userGrid_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
    {
        IList<DataGridCellInfo> selectedCells = userGrid.SelectedCells;

        foreach (var dataGridCell in selectedCells)
        {
            if (dataGridCell.Column is DataGridCheckBoxColumn)
            {
                var checkBox = dataGridCell.Column.GetCellContent(dataGridCell.Item) as CheckBox;
                if (null != checkBox)
                {
                    checkBox.IsChecked = !checkBox.IsChecked;
                }
            }
        }
        userGrid.UnselectAllCells();
    }
}

public class Person
{
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public int Age { get; set; }
}

image of result for better understanding

我正在使用 .net 4.6.1。我们将不胜感激。

编辑:

我的应用程序有不同类型的复选框列。每种类型都可以有 0 个或多个复选框列,它们总是放在一起。这些列由用户在运行时添加,也可以在运行时删除。假设我有 3 种类型的复选框列(T1、T2、T3)。为 T1 添加的所有列将彼此相邻放置,其他 2 种类型相同。如果我在我的数据上下文中维护一个布尔值列表,我将不得不做很多工作来维护列表中的正确值,因为在特定位置添加和删除列。例如假设用户在位置 6 处删除了先前添加的列,那么我将不得不遍历网格的所有行并通过删除已删除列的 bool 值来重新排列列表。如果在两者之间的某处插入新列,则同样需要。它也可能对性能不利。

【问题讨论】:

  • 通常将数据存储在 ViewModel 中比在视图中更好。我仍然建议遍历项目并添加/删除列属性。如果您对可以添加的列数量设置了限制,您可以隐藏额外的列,然后根据需要使它们可见。我有一个应用程序,它在 DataGrid 中有超过 30 列可以显示或隐藏。

标签: wpf c#-4.0 wpfdatagrid


【解决方案1】:

问题在于,在 DataGrid 中,实际的复选框控件被“重用”。而不是更改复选框控件,您应该更改基础数据(添加到您的人员类)。

然后像这样绑定:

<DataGridCheckBoxColumn Header="Column-1" IsChecked="{Binding IsCheckedColumn1}"/>

然后您实际上会像这样更改基础数据:

private void userGrid_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
    var selectedItems = userGrid.SelectedItems;

    foreach (var item as Person in selectedItems)
    {
        item.IsCheckedColumn1 = true;
    }
    userGrid.UnselectAllCells();
}

您还需要为您的人员类实现INotifyPropertyChanged

编辑回答评论

如果您有不同数量的复选框,您可以使用List&lt;bool&gt;

像这样改变值:

item.IsChecked[0] = true;

您可以像这样绑定到列表:

<DataGridCheckBoxColumn Header="Column-1" IsChecked="{Binding IsChecked[0]}"/>

【讨论】:

  • 感谢尼尔指出问题。对不起,我错过了一个重要的细节。在我的问题描述中,我配置了 6 个带有复选框的列,但在实际场景中,带有复选框的列数是在运行时创建的(可以是任何大于 1 的数字)。所以我不能通过数据绑定将它们包含在内。有没有其他方法可以为每个单元格生成新的复选框。如果我创建一个模板列并在其中添加复选框控件会有帮助吗?
  • 由于 cmets 的字符数限制,我已经编辑了我的原始问题。
猜你喜欢
  • 2022-01-13
  • 2021-10-12
  • 2017-09-30
  • 1970-01-01
  • 1970-01-01
  • 2015-04-08
  • 2015-12-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多