Làm cách nào để thực hiện lựa chọn hộp kiểm nhấp chuột trong WPF DataGrid?

Tôi có một DataGrid với cột đầu tiên là cột văn bản và cột thứ hai là cột CheckBox. Những gì tôi muốn là, nếu tôi nhấp vào hộp kiểm. Nó sẽ được kiểm tra.

Nhưng, phải mất hai lần nhấp để được chọn, lần nhấp đầu tiên, ô sẽ được chọn, đối với lần nhấp thứ hai, hộp kiểm sẽ được chọn. Cách làm hộp kiểm để được kiểm tra / bỏ chọn chỉ bằng một cú nhấp chuột.

Tôi đang sử dụng WPF 4.0. Các cột trong DataGrid được AutoGenerated.

Đối với một lần bấm hộp kiểm DataGrid, bạn chỉ cần đặt điều khiển hộp kiểm thông thường vào bên trong DataGridTemplateColumnvà đặt UpdateSourceTrigger=PropertyChanged.

<DataGridTemplateColumn.CellTemplate>
    <DataTemplate>
        <CheckBox IsChecked="{Binding Path=IsSelected, UpdateSourceTrigger=PropertyChanged}" />
    </DataTemplate>
</DataGridTemplateColumn.CellTemplate>

Tôi đã giải quyết điều này với Phong cách sau:

<Style TargetType="DataGridCell">
     <Style.Triggers>
         <Trigger Property="IsMouseOver" Value="True">
             <Setter Property="IsEditing" Value="True" />
         </Trigger>
     </Style.Triggers>
 </Style>

Tất nhiên có thể điều chỉnh điều này hơn nữa cho các cột cụ thể ...

Đầu tiên, tôi biết đây là một câu hỏi khá cũ nhưng tôi vẫn nghĩ mình sẽ thử và trả lời nó.

Tôi đã có cùng một vấn đề một vài ngày trước và đã tìm thấy một giải pháp ngắn đáng ngạc nhiên cho nó (xem blog này ). Về cơ bản, tất cả những gì bạn cần làm là thay thế DataGridCheckBoxColumnđịnh nghĩa trong XAML của bạn bằng cách sau:

<DataGridTemplateColumn Header="MyCheckBoxColumnHeader">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <CheckBox HorizontalAlignment="Center" VerticalAlignment="Center" IsChecked="{Binding Path=MyViewModelProperty, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

Mặt trái của giải pháp này là rõ ràng - chỉ dành cho XAML; do đó, nó có hiệu quả kiềm chế bạn khỏi gánh nặng mã trở lại với logic UI bổ sung và giúp bạn duy trì trạng thái của mình trong mắt những người quá khích MVVM;).

Để làm cho câu trả lời Konstantin Salavatov của làm việc với AutoGenerateColumns, thêm một event handler cho DataGrid's AutoGeneratingColumnvới đoạn mã sau:

if (e.Column is DataGridCheckBoxColumn && !e.Column.IsReadOnly)
{
    var checkboxFactory = new FrameworkElementFactory(typeof(CheckBox));
    checkboxFactory.SetValue(FrameworkElement.HorizontalAlignmentProperty, HorizontalAlignment.Center);
    checkboxFactory.SetValue(FrameworkElement.VerticalAlignmentProperty, VerticalAlignment.Center);
    checkboxFactory.SetBinding(ToggleButton.IsCheckedProperty, new Binding(e.PropertyName) { UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged });

    e.Column = new DataGridTemplateColumn
        {
            Header = e.Column.Header,
            CellTemplate = new DataTemplate { VisualTree = checkboxFactory },
            SortMemberPath = e.Column.SortMemberPath
        };
}

Điều này sẽ làm cho tất cả các DataGridcột hộp kiểm được tạo tự động có thể chỉnh sửa "một lần nhấp".

Dựa trên blog được tham chiếu trong câu trả lời của Goblin, nhưng được sửa đổi để hoạt động trong .NET 4.0 và với Chế độ chọn hàng.

Lưu ý rằng nó cũng tăng tốc độ chỉnh sửa DataGridComboBoxColumn - bằng cách vào chế độ chỉnh sửa và hiển thị thả xuống trên một lần nhấp hoặc nhập văn bản.

XAML:

        <Style TargetType="{x:Type DataGridCell}">
            <EventSetter Event="PreviewMouseLeftButtonDown" Handler="DataGridCell_PreviewMouseLeftButtonDown" />
            <EventSetter Event="PreviewTextInput" Handler="DataGridCell_PreviewTextInput" />
        </Style>

Mã ẩn:

    private void DataGridCell_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
    {
        DataGridCell cell = sender as DataGridCell;
        GridColumnFastEdit(cell, e);
    }

    private void DataGridCell_PreviewTextInput(object sender, TextCompositionEventArgs e)
    {
        DataGridCell cell = sender as DataGridCell;
        GridColumnFastEdit(cell, e);
    }

    private static void GridColumnFastEdit(DataGridCell cell, RoutedEventArgs e)
    {
        if (cell == null || cell.IsEditing || cell.IsReadOnly)
            return;

        DataGrid dataGrid = FindVisualParent<DataGrid>(cell);
        if (dataGrid == null)
            return;

        if (!cell.IsFocused)
        {
            cell.Focus();
        }

        if (cell.Content is CheckBox)
        {
            if (dataGrid.SelectionUnit != DataGridSelectionUnit.FullRow)
            {
                if (!cell.IsSelected)
                    cell.IsSelected = true;
            }
            else
            {
                DataGridRow row = FindVisualParent<DataGridRow>(cell);
                if (row != null && !row.IsSelected)
                {
                    row.IsSelected = true;
                }
            }
        }
        else
        {
            ComboBox cb = cell.Content as ComboBox;
            if (cb != null)
            {
                //DataGrid dataGrid = FindVisualParent<DataGrid>(cell);
                dataGrid.BeginEdit(e);
                cell.Dispatcher.Invoke(
                 DispatcherPriority.Background,
                 new Action(delegate { }));
                cb.IsDropDownOpen = true;
            }
        }
    }


    private static T FindVisualParent<T>(UIElement element) where T : UIElement
    {
        UIElement parent = element;
        while (parent != null)
        {
            T correctlyTyped = parent as T;
            if (correctlyTyped != null)
            {
                return correctlyTyped;
            }

            parent = VisualTreeHelper.GetParent(parent) as UIElement;
        }
        return null;
    }

Tôi đã thử các đề xuất này và nhiều đề xuất khác mà tôi đã tìm thấy trên các trang web khác, nhưng không có đề xuất nào phù hợp với tôi. Cuối cùng, tôi đã tạo ra giải pháp sau đây.

Tôi đã tạo điều khiển được kế thừa DataGrid của riêng mình và chỉ cần thêm mã này vào nó:

public class DataGridWithNavigation : Microsoft.Windows.Controls.DataGrid
{
    public DataGridWithNavigation()
    {
        EventManager.RegisterClassHandler(typeof(DataGridCell), 
            DataGridCell.PreviewMouseLeftButtonDownEvent,
            new RoutedEventHandler(this.OnPreviewMouseLeftButtonDown));
    }


    private void OnPreviewMouseLeftButtonDown(object sender, RoutedEventArgs e)
    {
        DataGridCell cell = sender as DataGridCell;
        if (cell != null && !cell.IsEditing && !cell.IsReadOnly)
        {
          DependencyObject obj = FindFirstControlInChildren(cell, "CheckBox");
            if (obj != null)
            {
                System.Windows.Controls.CheckBox cb = (System.Windows.Controls.CheckBox)obj;
                cb.Focus();
                cb.IsChecked = !cb.IsChecked;
            }
        }
    }

    public DependencyObject FindFirstControlInChildren(DependencyObject obj, string controlType)
    {
        if (obj == null)
            return null;

        // Get a list of all occurrences of a particular type of control (eg "CheckBox") 
        IEnumerable<DependencyObject> ctrls = FindInVisualTreeDown(obj, controlType);
        if (ctrls.Count() == 0)
            return null;

        return ctrls.First();
    }

    public IEnumerable<DependencyObject> FindInVisualTreeDown(DependencyObject obj, string type)
    {
        if (obj != null)
        {
            if (obj.GetType().ToString().EndsWith(type))
            {
                yield return obj;
            }

            for (var i = 0; i < VisualTreeHelper.GetChildrenCount(obj); i++)
            {
                foreach (var child in FindInVisualTreeDown(VisualTreeHelper.GetChild(obj, i), type))
                {
                    if (child != null)
                    {
                        yield return child;
                    }
                }
            }
        }
        yield break;
    }
}

Tất cả những điều này làm gì?

Chà, mỗi lần chúng tôi nhấp vào bất kỳ ô nào trong DataGrid, chúng tôi sẽ xem liệu ô đó có chứa điều khiển CheckBox bên trong nó không. Nếu đúng như vậy , thì chúng ta sẽ đặt trọng tâm vào CheckBox đó và chuyển đổi giá trị của nó .

Điều này dường như làm việc cho tôi, và là một giải pháp tốt đẹp, dễ dàng tái sử dụng.

Thật đáng thất vọng khi chúng ta cần phải viết mã để làm điều này mặc dù. Giải thích rằng lần nhấp chuột đầu tiên (trên CheckBox của DataGrid) bị "bỏ qua" vì WPF sử dụng nó để đưa hàng vào chế độ Chỉnh sửa nghe có vẻ hợp lý, nhưng trong thế giới thực, điều này đi ngược lại cách mọi ứng dụng thực hoạt động.

Nếu người dùng nhìn thấy một hộp kiểm trên màn hình của họ, họ sẽ có thể nhấp vào nó một lần để đánh dấu / bỏ chọn nó. Kết thúc câu chuyện.

Có một giải pháp đơn giản hơn nhiều ở đây.

          <DataGridTemplateColumn MinWidth="20" >
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <Grid>
                            <CheckBox VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        </Grid>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>

Nếu bạn sử dụng DataGridCheckBoxColumnđể thực hiện, nhấp chuột đầu tiên là để tập trung, nhấp chuột thứ hai là để kiểm tra.

Nhưng sử dụng DataGridTemplateColumnđể thực hiện chỉ cần một cú nhấp chuột.

Sự khác biệt của việc sử dụng DataGridComboboxBoxColumnvà thực hiện bởi DataGridTemplateColumncũng tương tự.

Tôi đã giải quyết điều này:

<DataGridTemplateColumn>
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Viewbox Height="25">
                <CheckBox IsChecked="{Binding TheProperty, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"/>
            </Viewbox>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

Các hộp kiểm hoạt động trên một nhấp chuột!

Dựa trên câu trả lời và nhận xét về bài đăng của Jim Adorno , đây là giải pháp với MultiTrigger:

<Style TargetType="DataGridCell">
  <Style.Triggers>
    <MultiTrigger>
      <MultiTrigger.Conditions>
    <Condition Property="IsReadOnly" Value="False" />
    <Condition Property="IsMouseOver" Value="True" />
      </MultiTrigger.Conditions>
      <Setter Property="IsEditing" Value="True" />
    </MultiTrigger>
  </Style.Triggers>
</Style>

Tuy nhiên, một giải pháp đơn giản khác là thêm kiểu này vào DataGridColumn. Phần thân theo kiểu của bạn có thể trống.

<DataGridCheckBoxColumn>
     <DataGridCheckBoxColumn.ElementStyle>
          <Style TargetType="CheckBox">
           </Style>
     </DataGridCheckBoxColumn.ElementStyle>
</DataGridCheckBoxColumn>

<Style x:Key="StilCelula" TargetType="DataGridCell"> 
<Style.Triggers>
 <Trigger Property="IsMouseOver" Value="True">
   <Setter Property="IsEditing" 
     Value="{Binding RelativeSource={x:Static RelativeSource.Self}, 
     Converter={StaticResource CheckBoxColumnToEditingConvertor}}" />
 </Trigger>
</Style.Triggers>
<Style>

Imports System.Globalization
Public Class CheckBoxColumnToEditingConvertor
    Implements IValueConverter
    Public Function Convert(ByVal value As Object, ByVal targetType As Type, ByVal parameter As Object, ByVal culture As CultureInfo) As Object Implements IValueConverter.Convert
        Try

            Return TypeOf TryCast(value, DataGridCell).Column Is DataGridCheckBoxColumn
        Catch ex As Exception
            Return Visibility.Collapsed
        End Try
    End Function

    Public Function ConvertBack(ByVal value As Object, ByVal targetType As Type, ByVal parameter As Object, ByVal culture As CultureInfo) As Object Implements IValueConverter.ConvertBack
        Throw New NotImplementedException()
    End Function
End Class