How to enter cell edit mode with a single click using DataGridTemplateColumn?

[charlesmz]

Bug explanation

I have used DataGridTemplateColumn, but it doesn't enter edit mode with a single click like DataGridTextColumn does. How can I implement this feature?

<DataGridTemplateColumn Width="200" Header="{localization:Localize param_lab_pressurerange}">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <TextBlock Style="{StaticResource MaterialDesignDataGridTextColumnStyle}" Text="{Binding Value}" />
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
    <DataGridTemplateColumn.CellEditingTemplate>
        <DataTemplate>
            <TextBox
                Style="{StaticResource MaterialDesignDataGridTextColumnEditingStyle}"
                Text="{Binding Value}" />
        </DataTemplate>
    </DataGridTemplateColumn.CellEditingTemplate>
</DataGridTemplateColumn>

Thanks

Version

4.5.0

[JLdgu]

The <DataGridTemplateColumn> is normally used for things like buttons, for your example above the <DataGridTextColumn> is the preferred option.

This question is not related to MaterialDesignInXAML but is a WPF question and should therefore be asked on somewhere like Stack Overflow

[charlesmz]

By default, the DataGridTextColumn is only a double click to enter the edit state, I used MaterialDesignInXAML and it can click to enter the edit state, but the DataGridTemplateColumn does not. How can I implement functionality like DataGridTextColumn

[nicolaihenriksen]

@charlesmz @JLdgu is correct that this is not really an issue related to MDIX.

However, you should be able to get the behavior you desire by simply creating your own column type derived from DataGridTemplateColumn and do something similar to what the MDIX DataGridTextColumn does.

Something like this should get your cell in edit mode with a single click, assuming the editing template you have defined above:

public class OneClickDataGridTemplateColumn : DataGridTemplateColumn
{
    protected override object? PrepareCellForEdit(FrameworkElement? editingElement, RoutedEventArgs editingEventArgs)
    {
        if (editingElement is { } && VisualTreeHelper.GetChild(editingElement, 0) is TextBox tb)
        {
            tb.Focus();
        }
        return null;
    }
}

You then need to use this type instead of the snippet you have above. Something like:

<mynamespace:OneClickDataGridTemplateColumn Width="200" Header="{localization:Localize param_lab_pressurerange}">
...
</mynamespace:OneClickDataGridTemplateColumn>

However, you may/will encounter issues with your bindings etc. that you will need to solve, but this should get you in the right direction. I'll close this issue for now.