Select and edit the first DataGrid cell in a newly added row

Question

I have a data grid with "CanUserAddRows=False" and I want to add a new row on button click and start editing it. Here is the xaml:

<Window x:Class="TestDataGrid2.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:TestDataGrid2"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Button Content="Add Item" HorizontalAlignment="Left" Click="Button_Click"/>
        <DataGrid ItemsSource="{Binding Items}" Grid.Row="1" Name="MyGrid" AutoGenerateColumns="False" CanUserAddRows="False">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Value" Binding="{Binding Value}"/>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

Here is the code behind:

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

namespace TestDataGrid2
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            DataContext = new MainViewModel();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            var mainViewModel = DataContext as MainViewModel;
            if (mainViewModel != null)
                mainViewModel.AddItem();

            var grid = MyGrid;
            var cell = new DataGridCellInfo(grid.Items[grid.Items.Count - 1], grid.Columns[0]);
            grid.CurrentCell = cell;
            grid.BeginEdit();
        }
    }
}

And this is my view model:

using System.Collections.ObjectModel;

namespace TestDataGrid2
{
    public class MainViewModel
    {
        public ObservableCollection<Item> Items { get; set; } = new ObservableCollection<Item>();

        public void AddItem()
        {
            Items.Add(new Item { Value = "New Item" });
        }
    }

    public class Item
    {
        public string Value { get; set; }
    }
}

For some reason I can't start editing the cell in a newly added row. I suspect that it might be because at the moment I call BeginEdit the visual element doesn't exist yet. Is there a way to force the cell to load in order to be able to focus and edit it? Or is there an event I can subscribe to when the cell is ready?

score 6 · Accepted Answer · answered Sep 13 '17 at 15:26

6

Or is there an event I can subscribe to when the cell is ready?

Use the dispatcher:

private void Button_Click(object sender, RoutedEventArgs e)
{
    var mainViewModel = DataContext as MainViewModel;
    if (mainViewModel != null)
        mainViewModel.AddItem();

    var grid = MyGrid;
    var cell = new DataGridCellInfo(grid.Items[grid.Items.Count - 1], grid.Columns[0]);
    grid.CurrentCell = cell;
    Dispatcher.BeginInvoke(new Action(() =>
    {
        grid.BeginEdit();
    }), System.Windows.Threading.DispatcherPriority.Background);
}

answered Sep 13 '17 at 15:26

mm8

163,881
10
57
88

1

100+ better than all other solutions – SAT Feb 23 '18 at 06:38
SelectionUnit="Cell", SelectionMode="Single", and I removed the AddItem code above - focuses within the newly (as yet uncommitted) DataGrid row – TerrorBight Feb 25 '18 at 14:12

score 0 · Answer 2 · answered Sep 13 '17 at 15:26

0

DataGridCell cell = GetCell(1, 0); //row, column
if (cell != null)
{
    cell.Focus();
    yourDataGrid.BeginEdit();
}

The code of GetCell can be found below

https://stackoverflow.com/a/1760908/7676905

answered Sep 13 '17 at 15:26

Allanckw

641
1
6
17

Select and edit the first DataGrid cell in a newly added row

2 Answers2