Xceed DataGrid：使用键盘导航编辑单元格

Question

我有一个数据网格，它使用 DataTemplateSelector 将不同的可编辑值显示为文本框、组合框或滑块。问题是我可以切换到这些单元格，但无法使用键盘编辑它们。我原以为一旦单元格聚焦，我就可以编辑里面的项目。

示例：Tab 到文本框单元格 > 开始输入示例：Tab 到 slider-cell > 现在聚焦 > 使用箭头键编辑

因为现在我必须用鼠标点击才能开始编辑。无法仅使用键盘开始编辑。

这是我的代码：

    <UserControl.Resources>

    <!--#region DataTemplateSelector-->
    <local:SettingsDataTemplateSelector x:Key="SettingsDataTemplateSelector" />

    <DataTemplate x:Key="TextboxDataTemplate">
        <xcdg:MaskedTextBox IsTabStop="True" Mask="{Binding EditMask}" Text="{Binding EditValue, IsAsync=False, Mode=TwoWay, UpdateSourceTrigger=LostFocus, ValidatesOnExceptions=True}"/>
    </DataTemplate>

    <DataTemplate x:Key="ComboDataTemplate">
        <ComboBox IsTabStop="True"  ItemsSource="{Binding Path=SelectionValues}"
                                    SelectedValuePath="Value"
                                    SelectedValue="{Binding Path=SelectionValue, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                                    DisplayMemberPath="ValueText">
        </ComboBox>
    </DataTemplate>

    <DataTemplate x:Key="SliderDataTemplate">
        <Slider IsTabStop="True" Value="{Binding EditSliderValue, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                    Minimum="{Binding MinRangeValue}" 
                    Maximum="{Binding MaxRangeValue}"
                    VerticalAlignment="Bottom" 
                    IsSnapToTickEnabled="True"
                    TickFrequency="1"
                    Margin="0,0,0,0"/>
    </DataTemplate>
    <!--#endregion-->

    <xcdg:DataGridCollectionViewSource x:Key="Features" 
                                        Source ="{Binding Path=Demo.Features}"
                                        AutoFilterMode="And"
                                        AutoCreateDetailDescriptions="False" 
                                        AutoCreateItemProperties="False">
        <xcdg:DataGridCollectionViewSource.DetailDescriptions>
            <xcdg:PropertyDetailDescription RelationName="Settings" AutoCreateDetailDescriptions="False" AutoCreateItemProperties="False"/>
        </xcdg:DataGridCollectionViewSource.DetailDescriptions>
    </xcdg:DataGridCollectionViewSource>
</UserControl.Resources>

<Grid>
    <!--#region Xceed DataGrid-->
    <xcdg:DataGridControl x:Name="datagrid"
                          ItemsSource="{Binding Source={StaticResource Features}}"
                          KeyUp="DatagridKeyUp"
                          AllowDetailToggle="True" 
                          Margin="10"
                          NavigationBehavior="RowOrCell" 
                          CellEditorDisplayConditions="RowIsBeingEdited, 
                          MouseOverCell, MouseOverRow, RowIsCurrent, CellIsCurrent" 
                          EditTriggers="BeginEditCommand, ClickOnCurrentCell, 
                          SingleClick, CellIsCurrent, ActivationGesture, RowIsCurrent"
                          ItemScrollingBehavior="Immediate"
                          AutoCreateColumns="False">

        <xcdg:DataGridControl.Resources>
            <Style TargetType="xcdg:TableViewScrollViewer">
                <Setter Property="HorizontalScrollBarVisibility" Value="Auto" />
                <Setter Property="VerticalScrollBarVisibility" Value="Auto" />
            </Style>
        </xcdg:DataGridControl.Resources>

        <xcdg:DataGridControl.View>
            <xcdg:TableflowView UseDefaultHeadersFooters="False" ColumnStretchMode="Last">
                <xcdg:TableflowView.FixedHeaders>
                    <DataTemplate>
                        <xcdg:ColumnManagerRow />
                    </DataTemplate>
                </xcdg:TableflowView.FixedHeaders>
            </xcdg:TableflowView>
        </xcdg:DataGridControl.View>

        <xcdg:DataGridControl.Columns>
            <xcdg:Column FieldName="FeatureID" Title="FeatureID" ReadOnly="True" />
            <xcdg:Column FieldName="Name" Title="Feature name" ReadOnly="True" />
            <xcdg:Column FieldName="Description" Title="Description" ReadOnly="True" />
            <xcdg:Column FieldName=" "/>
        </xcdg:DataGridControl.Columns>

        <xcdg:DataGridControl.DetailConfigurations>
            <xcdg:DetailConfiguration RelationName="Settings" Title="">
                <xcdg:DetailConfiguration.Columns>
                    <xcdg:Column FieldName="Name" Title="Name" ReadOnly="True"/>
                    <xcdg:Column FieldName="Description" Title="Description" ReadOnly="True"/>
                    <xcdg:Column FieldName="EditValues" Title="Edit Values" ReadOnly="True"/>
                    <xcdg:Column FieldName="EditValueVar" Title="Edit Value" Width="150" ReadOnly="False"
                                 CellContentTemplateSelector="{StaticResource SettingsDataTemplateSelector}"
                                 DisplayMemberBinding="{Binding}" />
                    <xcdg:Column FieldName=" "/>
                </xcdg:DetailConfiguration.Columns>
            </xcdg:DetailConfiguration>
        </xcdg:DataGridControl.DetailConfigurations>
    </xcdg:DataGridControl>
    <!--#endregion-->
</Grid>

感谢任何帮助。

Answer 1

我最终使用了 Xceed 的 CellEditors。如果您想使用键盘进行编辑，似乎没有办法绕过它们。

将 EditValueVar 列更改为：

                    <xcdg:Column FieldName="EditValueVar" Title="Edit Value" Width="150" ReadOnly="False"
                             CellEditorSelector="{StaticResource SettingsCellEditorSelector}"/>

注意：删除了 DisplayMemberBinding，因为它可能导致动态数据出现问题

下面是我现在使用的 CellEditors：

    <xcdg:CellEditor x:Key="maskEditor">
    <xcdg:CellEditor.EditTemplate>
        <DataTemplate>
            <xcdg:MaskedTextBox Mask="{Binding EditMask}"
                                Text="{Binding Path=(xcdg:Cell.ParentCell).DataContext.EditValue, 
                                               RelativeSource={RelativeSource Self}, 
                                               IsAsync=False, Mode=TwoWay, UpdateSourceTrigger=LostFocus, ValidatesOnExceptions=True}"
                                Style="{StaticResource {x:Type xcdg:MaskedTextBox}}"/>
            <!--Text="{Binding EditValueText, IsAsync=False, Mode=TwoWay, UpdateSourceTrigger=LostFocus, ValidatesOnExceptions=True}"/>-->
        </DataTemplate>
    </xcdg:CellEditor.EditTemplate>
    <xcdg:CellEditor.ActivationGestures>
        <xcdg:TextInputActivationGesture />
    </xcdg:CellEditor.ActivationGestures>
</xcdg:CellEditor>

<xcdg:CellEditor x:Key="comboEditor">
    <xcdg:CellEditor.EditTemplate>
        <DataTemplate>
            <ComboBox ItemsSource="{Binding Path=(xcdg:Cell.ParentCell).DataContext.SelectionValues, 
                                            RelativeSource={RelativeSource Self}, UpdateSourceTrigger=PropertyChanged}"
                      SelectedValuePath="Value"
                      SelectedValue="{Binding Path=(xcdg:Cell.ParentCell).DataContext.SelectionValue,
                                              RelativeSource={RelativeSource Self}, 
                                              UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}"
                      DisplayMemberPath="ValueText"
                      Style="{StaticResource {x:Type ComboBox}}"
                      ItemContainerStyle="{StaticResource {x:Type ComboBoxItem}}"/>
        </DataTemplate>
    </xcdg:CellEditor.EditTemplate>
    <xcdg:CellEditor.ActivationGestures>
        <xcdg:KeyActivationGesture SystemKey="Down"
                                   Modifiers="Alt" />
        <xcdg:KeyActivationGesture Key="Up"
                                   Modifiers="Alt" />
        <xcdg:KeyActivationGesture Key="F4" />
        <xcdg:KeyActivationGesture Key="Space" />
    </xcdg:CellEditor.ActivationGestures>
</xcdg:CellEditor>

<xcdg:CellEditor x:Key="sliderEditor">
    <xcdg:CellEditor.EditTemplate>
        <DataTemplate>
            <Slider Value="{Binding Path=(xcdg:Cell.ParentCell).DataContext.EditSliderValue, 
                            RelativeSource={RelativeSource Self}, 
                            Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                    Minimum="{Binding Path=(xcdg:Cell.ParentCell).DataContext.MinRangeValue, RelativeSource={RelativeSource Self}}"
                    Maximum="{Binding Path=(xcdg:Cell.ParentCell).DataContext.MaxRangeValue, RelativeSource={RelativeSource Self}}"
                    Style="{StaticResource {x:Type Slider}}"
                    VerticalAlignment="Bottom" 
                    IsSnapToTickEnabled="True"
                    TickFrequency="1"
                    Margin="0,0,0,0"/>
        </DataTemplate>
    </xcdg:CellEditor.EditTemplate>
    <xcdg:CellEditor.ActivationGestures>
        <xcdg:KeyActivationGesture SystemKey="Right"
                                Modifiers="Alt" />
        <xcdg:KeyActivationGesture Key="Left"
                                Modifiers="Alt" />
        <xcdg:KeyActivationGesture Key="F4" />
        <xcdg:KeyActivationGesture Key="Space" />
    </xcdg:CellEditor.ActivationGestures>
</xcdg:CellEditor>

您可能会注意到发生了奇怪的 (xcdg:Cell.ParentCell)-事情，是的，这很丑陋，但这是这样做的合法方式。使用 xcdg:CellEditorBinding 可能会更好。

xcdg:CellEditorBinding 相当于这样的绑定：{Binding Path=(xcdg:Cell.ParentCell).Content, Mode=TwoWays, RelativeSource={RelativeSource Self}, UpdateSourceTrigger=PropertyChanged}.

我在内容之前添加了 .DataContext，因为我的数据是如何构建的。

希望这对某人有所帮助！

Xceed DataGrid：使用键盘导航编辑单元格

Xceed DataGrid: Edit cell with keyboard navigation

keyboard

wpf

datagrid

keyboard-navigation

xceed