我希望用户能够将单元格置于编辑模式,并通过单击突出显示单元格所在的行。默认情况下,这是双击。
如何覆盖或实施此功能?
答案 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中单击寻找编辑单元,这是另一种方法。
在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>
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>
我尝试了在这里和Google上找到的所有内容,甚至尝试创建自己的版本。但是每个答案/解决方案主要适用于文本框列,但不适用于所有其他元素(复选框,组合框,按钮列),甚至破坏了其他元素列或产生了一些其他副作用。感谢Microsoft使datagrid采取这种丑陋的方式,并迫使我们创建这些黑客。因此,我决定制作一个可以在样式上直接应用于文本框列的版本,而不会影响其他列。
我使用了此解决方案和@ 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;
}