วิธีการเลือกช่องทำเครื่องหมายคลิกเดียวใน WPF DataGrid?

ฉันมี DataGrid ที่มีคอลัมน์แรกเป็นคอลัมน์ข้อความและคอลัมน์ที่สองเป็นคอลัมน์กล่องกาเครื่องหมาย สิ่งที่ฉันต้องการคือถ้าฉันคลิกกล่องกาเครื่องหมาย ควรได้รับการตรวจสอบ

แต่จะใช้เวลาสองคลิกในการเลือกสำหรับการคลิกครั้งแรกเซลล์จะถูกเลือกสำหรับการคลิกครั้งที่สองกล่องกาเครื่องหมายจะได้รับการตรวจสอบ วิธีการทำเครื่องหมายในช่องเพื่อรับการตรวจสอบ / ไม่เลือกด้วยการคลิกเพียงครั้งเดียว

ฉันใช้ WPF 4.0 คอลัมน์ใน DataGrid ถูกสร้างอัตโนมัติ

สำหรับการคลิกเพียงครั้งเดียว DataGrid ช่องทำเครื่องหมายคุณก็สามารถใส่ในการควบคุมช่องทำเครื่องหมายประจำและการตั้งค่าDataGridTemplateColumnUpdateSourceTrigger=PropertyChanged

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

ฉันแก้ไขสิ่งนี้ด้วยสไตล์ดังต่อไปนี้:

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

แน่นอนว่ามันเป็นไปได้ที่จะปรับเปลี่ยนนี้เพิ่มเติมสำหรับคอลัมน์ที่เฉพาะเจาะจง ...

ก่อนอื่นฉันรู้ว่านี่เป็นคำถามที่ค่อนข้างเก่า แต่ฉันก็ยังคิดว่าฉันจะลองตอบ

ฉันมีปัญหาเดียวกันเมื่อสองสามวันก่อนและพบวิธีแก้ปัญหาสั้น ๆ อย่างน่าประหลาดใจ (ดูบล็อกนี้ ) โดยพื้นฐานแล้วสิ่งที่คุณต้องทำคือแทนที่DataGridCheckBoxColumnคำนิยามใน XAML ของคุณด้วยสิ่งต่อไปนี้:

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

ส่วนต่างของโซลูชันนี้ชัดเจน - เป็น XAML เท่านั้น ดังนั้นจึงเป็นการละเว้นอย่างมีประสิทธิภาพของคุณจากการภาระโค้ดกลับของคุณด้วยตรรกะ UI เพิ่มเติมและช่วยให้คุณรักษาสถานะของคุณในสายตาของ zealots MVVM;)

เพื่อให้คำตอบที่คอนสแตนติ Salavatov ของการทำงานร่วมกับAutoGenerateColumnsเพิ่มตัวจัดการเหตุการณ์ไปDataGrid's AutoGeneratingColumnด้วยรหัสต่อไปนี้:

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
        };
}

สิ่งนี้จะทำให้DataGridคอลัมน์ช่องทำเครื่องหมายที่สร้างขึ้นโดยอัตโนมัติทั้งหมดเป็น "คลิกเดียว" ที่สามารถแก้ไขได้

อ้างอิงจากบล็อกที่อ้างอิงในคำตอบของ Goblin แต่ได้รับการแก้ไขให้ทำงานใน. NET 4.0 และด้วย Row-Selection Mode

ขอให้สังเกตว่ามันยังเพิ่มความเร็วในการแก้ไข DataGridComboBoxColumn ด้วยการเข้าสู่โหมดแก้ไขและแสดงดรอปดาวน์ในการคลิกเพียงครั้งเดียวหรือการป้อนข้อความ

XAML:

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

behind รหัส:

    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;
    }

ฉันได้ลองใช้คำแนะนำเหล่านี้และอื่น ๆ อีกมากมายที่ฉันได้พบในไซต์อื่น ๆ แต่ไม่มีข้อใดที่เหมาะกับฉัน ในที่สุดฉันสร้างโซลูชันต่อไปนี้

ฉันได้สร้างตัวควบคุมที่สืบทอดมาจาก DataGrid ของฉันเองและเพียงแค่เพิ่มรหัสนี้ลงไป:

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;
    }
}

ทั้งหมดนี้ทำอะไร?

ทุกครั้งที่เราคลิกที่เซลล์ใด ๆ ใน DataGrid ของเราเราจะดูว่าเซลล์นั้นมีตัวควบคุมกล่องกาเครื่องหมายอยู่ภายในหรือไม่ ถ้ามันไม่ได้แล้วเราจะตั้งโฟกัสไปที่กล่องกาเครื่องหมายที่และสลับค่าของมัน

ดูเหมือนว่าจะใช้งานได้สำหรับฉันและเป็นโซลูชันที่นำกลับมาใช้ใหม่ได้อย่างง่ายดาย

มันน่าผิดหวังที่เราต้องเขียนโค้ดเพื่อทำสิ่งนี้ คำอธิบายว่าการคลิกเมาส์ครั้งแรก (บนกล่องกาเครื่องหมายของ DataGrid) คือ "ละเว้น" เนื่องจาก WPF ใช้เพื่อทำให้แถวเข้าสู่โหมดแก้ไขอาจฟังดูมีเหตุผล แต่ในโลกแห่งความเป็นจริง

หากผู้ใช้เห็นช่องทำเครื่องหมายบนหน้าจอผู้ใช้ควรคลิกเลือกหนึ่งครั้งเพื่อทำเครื่องหมาย / ยกเลิกการเลือก ตอนจบของเรื่อง.

มีทางออกที่ง่ายกว่ามากที่นี่

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

หากคุณใช้DataGridCheckBoxColumnในการดำเนินการคลิกแรกคือการมุ่งเน้นคลิกที่สองคือการตรวจสอบ

แต่การใช้DataGridTemplateColumnงานเพื่อสร้างความต้องการเพียงคลิกเดียวเท่านั้น

ความแตกต่างของการใช้DataGridComboboxBoxColumnและการนำไปใช้โดยDataGridTemplateColumnยังคล้ายกัน

ฉันแก้ไขด้วยสิ่งนี้:

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

ช่องทำเครื่องหมายที่ใช้งานในคลิกเดียว!

จากคำตอบของJim Adornoและความคิดเห็นเกี่ยวกับโพสต์ของเขานี่เป็นวิธีแก้ปัญหาด้วย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>

อีกวิธีง่ายๆคือการเพิ่มสไตล์นี้ลงใน DataGridColumn ของคุณร่างกายของสไตล์ของคุณจะว่างเปล่า

<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