在WPF DataGrid中单击编辑

时间:2010-08-06 18:44:47

标签: c# .net wpf events xaml

我希望用户能够将单元格置于编辑模式,并通过单击突出显示单元格所在的行。默认情况下,这是双击。

如何覆盖或实施此功能?

11 个答案:

答案 0 :(得分:72)

以下是我解决此问题的方法:

<DataGrid DataGridCell.Selected="DataGrid_GotFocus" 
          ItemsSource="{Binding Source={StaticResource itemView}}">
    <DataGrid.Columns>
        <DataGridTextColumn Header="Nom" Binding="{Binding Path=Name}"/>
        <DataGridTextColumn Header="Age" Binding="{Binding Path=Age}"/>
    </DataGrid.Columns>
</DataGrid>

此DataGrid绑定到CollectionViewSource(包含虚拟 Person 对象)。

魔术发生在那里: DataGridCell.Selected =“DataGrid_GotFocus”

我只是挂钩DataGrid单元格的Selected Event,并在DataGrid上调用BeginEdit()。

以下是事件处理程序的代码:

private void DataGrid_GotFocus(object sender, RoutedEventArgs e)
{
    // Lookup for the source to be DataGridCell
    if (e.OriginalSource.GetType() == typeof(DataGridCell))
    {
        // Starts the Edit on the row;
        DataGrid grd = (DataGrid)sender;
        grd.BeginEdit(e);
    }
}

答案 1 :(得分:38)

Micael Bergeron的答案对我来说是一个良好的开端,我找到一个适合我的解决方案。为了允许对已经处于编辑模式的同一行中的单元格进行单击编辑,我必须稍微调整一下。使用SelectionUnit Cell对我来说没有选择。

我没有使用仅在第一次单击行的单元格时触发的DataGridCell.Selected事件,而是使用了DataGridCell.GotFocus事件。

<DataGrid DataGridCell.GotFocus="DataGrid_CellGotFocus" />

如果你这样做,你将始终拥有正确的细胞聚焦并处于编辑模式,但细胞中的控制将无法集中,这就像我一样解决了

private void DataGrid_CellGotFocus(object sender, RoutedEventArgs e)
{
    // Lookup for the source to be DataGridCell
    if (e.OriginalSource.GetType() == typeof(DataGridCell))
    {
        // Starts the Edit on the row;
        DataGrid grd = (DataGrid)sender;
        grd.BeginEdit(e);

        Control control = GetFirstChildByType<Control>(e.OriginalSource as DataGridCell);
        if (control != null)
        {
            control.Focus();
        }
    }
}

private T GetFirstChildByType<T>(DependencyObject prop) where T : DependencyObject
{
    for (int i = 0; i < VisualTreeHelper.GetChildrenCount(prop); i++)
    {
        DependencyObject child = VisualTreeHelper.GetChild((prop), i) as DependencyObject;
        if (child == null)
            continue;

        T castedProp = child as T;
        if (castedProp != null)
            return castedProp;

        castedProp = GetFirstChildByType<T>(child);

        if (castedProp != null)
            return castedProp;
    }
    return null;
}

答案 2 :(得分:8)

来自:http://wpf.codeplex.com/wikipage?title=Single-Click%20Editing

<强> XAML:

<!-- SINGLE CLICK EDITING -->
<Style TargetType="{x:Type dg:DataGridCell}">
    <EventSetter Event="PreviewMouseLeftButtonDown" Handler="DataGridCell_PreviewMouseLeftButtonDown"></EventSetter>
</Style>

<强>代码隐藏:

//
// SINGLE CLICK EDITING
//
private void DataGridCell_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    DataGridCell cell = sender as DataGridCell;
    if (cell != null && !cell.IsEditing && !cell.IsReadOnly)
    {
        if (!cell.IsFocused)
        {
            cell.Focus();
        }
        DataGrid dataGrid = FindVisualParent<DataGrid>(cell);
        if (dataGrid != null)
        {
            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;
                }
            }
        }
    }
}

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

答案 3 :(得分:6)

来自http://wpf.codeplex.com/wikipage?title=Single-Click%20Editing的解决方案对我很有用,但是我使用ResourceDictionary中定义的Style为每个DataGrid启用了它。要在资源字典中使用处理程序,您需要向其添加代码隐藏文件。这是你如何做到的:

这是 DataGridStyles.xaml 资源词典:

<ResourceDictionary x:Class="YourNamespace.DataGridStyles"
            x:ClassModifier="public"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Style TargetType="DataGrid">
        <!-- Your DataGrid style definition goes here -->

        <!-- Cell style -->
        <Setter Property="CellStyle">
            <Setter.Value>
                <Style TargetType="DataGridCell">                    
                    <!-- Your DataGrid Cell style definition goes here -->
                    <!-- Single Click Editing -->
                    <EventSetter Event="PreviewMouseLeftButtonDown"
                             Handler="DataGridCell_PreviewMouseLeftButtonDown" />
                </Style>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

注意根元素中的x:Class属性。 创建一个类文件。在这个例子中,它是 DataGridStyles.xaml.cs 。把这段代码放在里面:

using System.Windows.Controls;
using System.Windows;
using System.Windows.Input;

namespace YourNamespace
{
    partial class DataGridStyles : ResourceDictionary
    {

        public DataGridStyles()
        {
          InitializeComponent();
        }

     // The code from the myermian's answer goes here.
}

答案 4 :(得分:2)

我更喜欢这种方式基于DušanKnežević的建议。你点击那就是它))

<DataGrid.Resources>

    <Style TargetType="DataGridCell" BasedOn="{StaticResource {x:Type DataGridCell}}">
        <Style.Triggers>
                <MultiTrigger>
                    <MultiTrigger.Conditions>
                        <Condition Property="IsMouseOver"
                                   Value="True" />
                        <Condition Property="IsReadOnly"
                                   Value="False" />
                    </MultiTrigger.Conditions>
                    <MultiTrigger.Setters>
                        <Setter Property="IsEditing"
                                Value="True" />
                    </MultiTrigger.Setters>
                </MultiTrigger>
        </Style.Triggers>
    </Style>

</DataGrid.Resources>

答案 5 :(得分:1)

user2134678的答案有两个问题。一个很小,没有功能效果。另一个是相当重要的。

第一个问题是实际上是针对DataGrid调用了GotFocus,而不是DataGridCell。 XAML中的DataGridCell限定符是多余的。

我找到答案的主要问题是Enter键行为被破坏了。 Enter应该将您移动到正常DataGrid行为中当前单元格下面的下一个单元格。但是,幕后实际发生的事情是GotFocus事件将被调用两次。一旦当前的细胞失去焦点,一旦新细胞获得焦点。但只要在第一个单元格上调用BeginEdit,下一个单元格将永远不会被激活。结果是您只需单击一次编辑,但任何不点击网格的人都会感到不方便,并且用户界面设计者不应该假设所有用户都在使用鼠标。 (键盘用户可以使用Tab来解决它,但这仍然意味着他们正在跳过他们不应该需要的箍。)

那么解决这个问题呢?处理单元格的事件KeyDown,如果Key是Enter键,则设置一个标志,以阻止BeginEdit在第一个单元格上触发。现在,Enter键的行为应该如此。

首先,将以下Style添加到DataGrid:

<DataGrid.Resources>
    <Style TargetType="{x:Type DataGridCell}" x:Key="SingleClickEditingCellStyle">
        <EventSetter Event="KeyDown" Handler="DataGridCell_KeyDown" />
    </Style>
</DataGrid.Resources>

将该样式应用于要为其启用一键的列的“CellStyle”属性。

然后在后面的代码中,你在GotFocus处理程序中有以下内容(注意我在这里使用VB,因为这是我们的“一键式数据网格请求”客户端想要的开发语言):

Private _endEditing As Boolean = False

Private Sub DataGrid_GotFocus(ByVal sender As Object, ByVal e As RoutedEventArgs)
    If Me._endEditing Then
        Me._endEditing = False
        Return
    End If

    Dim cell = TryCast(e.OriginalSource, DataGridCell)

    If cell Is Nothing Then
        Return
    End If

    If cell.IsReadOnly Then
        Return
    End If

    DirectCast(sender, DataGrid).BeginEdit(e)
    .
    .
    .

然后为KeyDown事件添加处理程序:

Private Sub DataGridCell_KeyDown(ByVal sender As Object, ByVal e As KeyEventArgs)
    If e.Key = Key.Enter Then
        Me._endEditing = True
    End If
End Sub

现在你有一个DataGrid,它没有改变开箱即用实现的任何基本行为,但支持单击编辑。

答案 6 :(得分:1)

我通过添加一个触发器来解决它,当鼠标悬停在它上面时,它会将DataGridCell的IsEditing属性设置为True。它解决了我的大部分问题。它也适用于组合框。

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

答案 7 :(得分:1)

我正在MVVM中单击寻找编辑单元,这是另一种方法。

  1. 在xaml中添加行为

    <UserControl xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
                 xmlns:myBehavior="clr-namespace:My.Namespace.To.Behavior">
    
        <DataGrid>
            <i:Interaction.Behaviors>
                <myBehavior:EditCellOnSingleClickBehavior/>
            </i:Interaction.Behaviors>
        </DataGrid>
    </UserControl>
    
  2. EditCellOnSingleClickBehavior类扩展了System.Windows.Interactivity.Behavior;

    public class EditCellOnSingleClick : Behavior<DataGrid>
    {
        protected override void OnAttached()
        {
            base.OnAttached();
            this.AssociatedObject.LoadingRow += this.OnLoadingRow;
            this.AssociatedObject.UnloadingRow += this.OnUnloading;
        }
    
        protected override void OnDetaching()
        {
            base.OnDetaching();
            this.AssociatedObject.LoadingRow -= this.OnLoadingRow;
            this.AssociatedObject.UnloadingRow -= this.OnUnloading;
        }
    
        private void OnLoadingRow(object sender, DataGridRowEventArgs e)
        {
            e.Row.GotFocus += this.OnGotFocus;
        }
    
        private void OnUnloading(object sender, DataGridRowEventArgs e)
        {
            e.Row.GotFocus -= this.OnGotFocus;
        }
    
        private void OnGotFocus(object sender, RoutedEventArgs e)
        {
            this.AssociatedObject.BeginEdit(e);
        }
    }
    

Voila!

答案 8 :(得分:0)

我稍微编辑了 Dušan Knežević 的解决方案

<DataGrid.Resources>
   <Style x:Key="ddlStyle" TargetType="DataGridCell">
      <Style.Triggers>
         <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="IsEditing" Value="True" />
         </Trigger>
      </Style.Triggers>
    </Style>
</DataGrid.Resources>

并将样式应用到我的愿望栏

<DataGridComboBoxColumn CellStyle="{StaticResource ddlStyle}">

答案 9 :(得分:-1)

更新

一个简单的解决方案,如果您满意,您的单元格将保留一个文本框(不区分编辑和非编辑模式)。这样,单击编辑即可使用。这也适用于组合框和按钮等其他元素。否则,请使用更新下方的解决方案。

<DataGridTemplateColumn Header="My Column header">
   <DataGridTemplateColumn.CellTemplate>
      <DataTemplate>
         <TextBox Text="{Binding MyProperty } />
      </DataTemplate>
   </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

更新结束

Rant

我尝试了在这里和Google上找到的所有内容,甚至尝试创建自己的版本。但是每个答案/解决方案主要适用于文本框列,但不适用于所有其他元素(复选框,组合框,按钮列),甚至破坏了其他元素列或产生了一些其他副作用。感谢Microsoft使datagrid采取这种丑陋的方式,并迫使我们创建这些黑客。因此,我决定制作一个可以在样式上直接应用于文本框列的版本,而不会影响其他列。

功能

  • 后面没有代码。 MVVM友好。
  • 当单击相同或不同行中的不同文本框单元格时,它可以工作。
  • TAB和ENTER键起作用。
  • 它不会影响其他列。

来源

我使用了此解决方案和@ m-y的答案,并将其修改为附加行为。 http://wpf-tutorial-net.blogspot.com/2016/05/wpf-datagrid-edit-cell-on-single-click.html

使用方法

添加此样式。 当您为数据网格使用一些fancy styles而又不想丢失它们时,BasedOn很重要。

<Window.Resources>
    <Style x:Key="SingleClickEditStyle" TargetType="{x:Type DataGridCell}" BasedOn="{StaticResource {x:Type DataGridCell}}">
        <Setter Property="local:DataGridTextBoxSingleClickEditBehavior.Enable" Value="True" />
    </Style>
</Window.Resources>

CellStyle的样式应用于您的每个DataGridTextColumns,如下所示:

<DataGrid ItemsSource="{Binding MyData}" AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Header="My Header" Binding="{Binding Comment}" CellStyle="{StaticResource SingleClickEditStyle}" />         
    </DataGrid.Columns>
</DataGrid>

现在将此类添加到与MainViewModel相同的名称空间(或不同的名称空间。但是然后您将需要使用local以外的其他名称空间前缀)。欢迎来到附加行为的丑陋的样板代码世界。

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace YourMainViewModelNameSpace
{
    public static class DataGridTextBoxSingleClickEditBehavior
    {
        public static readonly DependencyProperty EnableProperty = DependencyProperty.RegisterAttached(
            "Enable",
            typeof(bool),
            typeof(DataGridTextBoxSingleClickEditBehavior),
            new FrameworkPropertyMetadata(false, OnEnableChanged));


        public static bool GetEnable(FrameworkElement frameworkElement)
        {
            return (bool) frameworkElement.GetValue(EnableProperty);
        }


        public static void SetEnable(FrameworkElement frameworkElement, bool value)
        {
            frameworkElement.SetValue(EnableProperty, value);
        }


        private static void OnEnableChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            if (d is DataGridCell dataGridCell)
                dataGridCell.PreviewMouseLeftButtonDown += DataGridCell_PreviewMouseLeftButtonDown;
        }


        private static void DataGridCell_PreviewMouseLeftButtonDown(object sender, System.Windows.Input.MouseButtonEventArgs e)
        {
            EditCell(sender as DataGridCell, e);
        }

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

            if (dataGridCell.IsFocused == false)
                dataGridCell.Focus();

            var dataGrid = FindVisualParent<DataGrid>(dataGridCell);
            dataGrid?.BeginEdit(e);
        }


        private static T FindVisualParent<T>(UIElement element) where T : UIElement
        {
            var parent = VisualTreeHelper.GetParent(element) as UIElement;

            while (parent != null)
            {
                if (parent is T parentWithCorrectType)
                    return parentWithCorrectType;

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

            return null;
        }
    }
}

答案 10 :(得分:-2)

 <DataGridComboBoxColumn.CellStyle>
                        <Style TargetType="DataGridCell">
                            <Setter Property="cal:Message.Attach" 
                            Value="[Event MouseLeftButtonUp] = [Action ReachThisMethod($source)]"/>
                        </Style>
                    </DataGridComboBoxColumn.CellStyle>
 public void ReachThisMethod(object sender)
 {
     ((System.Windows.Controls.DataGridCell)(sender)).IsEditing = true;

 }