WPF DataGridTemplateColumn。我错过了什么吗?

时间:2009-07-09 14:14:03

标签: wpf datagrid focus wpfdatagrid wpftoolkit

     <data:DataGridTemplateColumn Header="Name">
        <data:DataGridTemplateColumn.CellTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Name}">
            </DataTemplate>
        </data:DataGridTemplateColumn.CellTemplate> 
        <data:DataGridTemplateColumn.CellEditingTemplate>
            <DataTemplate>
                <TextBox Text="{Binding Name}">
            </DataTemplate>
        </data:DataGridTemplateColumn.CellEditingTemplate> 
    </data:DataGridTemplateColumn>              

这是模板列的明显示例,对吧?这可能有什么问题? 所以,这就是事情 - 当用户通过点击TAB键导航DataGrid时,它需要点击TAB两次(!)才能编辑TextBox中的文本。一旦用户获得列焦点,我怎么能让它可编辑,我的意思是即使他刚刚开始打字?

确定。我找到了一种方法 - 进入Grid.KeyUp()我把代码放在下面:

 if (Grid.CurrentColumn.Header.ToString() == "UserName")
        {
            if (e.Key != Key.Escape) 
            {
                Grid.BeginEdit();

                // Simply send another TAB press
                if (Keyboard.FocusedElement is Microsoft.Windows.Controls.DataGridCell)
                {
                    var keyEvt = new KeyEventArgs(Keyboard.PrimaryDevice, Keyboard.PrimaryDevice.ActiveSource, 0, Key.Tab) { RoutedEvent = Keyboard.KeyDownEvent };
                    InputManager.Current.ProcessInput(keyEvt);
                }
            }
        } 

4 个答案:

答案 0 :(得分:8)

你的问题源于这样一个事实,即每个单元格将其编辑器放在首先获得焦点的内容控件中,然后你必须再次选择标签。如果您在GenerateEditingElement方法中查看DataGridTemplateColumn的代码,它会调用一个方法LoadTemplateContent来执行此操作:

private FrameworkElement LoadTemplateContent(bool isEditing, object dataItem, DataGridCell cell)
{
    DataTemplate template = ChooseCellTemplate(isEditing);
    DataTemplateSelector templateSelector = ChooseCellTemplateSelector(isEditing);
    if (template != null || templateSelector != null)
    {
        ContentPresenter contentPresenter = new ContentPresenter();
        BindingOperations.SetBinding(contentPresenter, ContentPresenter.ContentProperty, new Binding());
        contentPresenter.ContentTemplate = template;
        contentPresenter.ContentTemplateSelector = templateSelector;
        return contentPresenter;
    }

    return null;
}

看看它如何创建一个新的内容演示者来放入模板。其他人以各种方式处理这个问题,我派生自己的列类型来处理这些东西。 (所以我不创建额外的元素或设置内容演示者不接收焦点)在这个example他们使用焦点管理器来处理相同的问题(我没有测试过这段代码)

<tk:DataGridTemplateColumn.CellEditingTemplate>
   <DataTemplate>
      <Grid FocusManager.FocusedElement="{Binding ElementName=txt1}">
         <TextBox Name="txt1" Text="{Binding XPath=@ISBN}" 
                  BorderThickness="0" GotFocus="TextBox_GotFocus"/>
      </Grid>
   </DataTemplate>
</tk:DataGridTemplateColumn.CellEditingTemplate>

如果您有一个用户控件作为编辑器,那么您可以将模式与焦点管理器一起使用,或者为OnLoaded事件使用事件处理程序。

答案 1 :(得分:8)

您遇到的问题是DataGridTemplateColumn中的控件(例如TextBox)包含在DataGridCell中。默认情况下,DataGridCell具有制表位功能。因此,必须按两次TAB以获得焦点到TextBox控件的原因。解决方案是禁用DataGridCell的制表位功能。这可以通过DataGridCell的样式完成。

以下是解决方案:

<Style TargetType="{x:Type DataGridCell}">
     <Setter Property="KeyboardNavigation.IsTabStop" Value="False" />
</Style>

答案 2 :(得分:3)

这是我的方法。它非常接近@Nalin Jayasuriya的答案,但我并不想创造一种风格。此解决方案还选择TextBox中的文本。无论如何 - 孔DataGrid的XAML看起来像这样。

<DataGrid Name="TextBlockDataGrid" ItemsSource="{Binding Path=Rows}" Style="{StaticResource DefaultSettingsDataGrid}">
<DataGrid.Columns>
    <DataGridTextColumn Binding="{Binding Text}" IsReadOnly="True"/>
    <DataGridTemplateColumn Width="*">
        <DataGridTemplateColumn.CellStyle>
            <Style TargetType="{x:Type DataGridCell}">
                <Setter Property="KeyboardNavigation.IsTabStop" Value="False"/>
            </Style>
        </DataGridTemplateColumn.CellStyle>
        <DataGridTemplateColumn.CellTemplate>
            <DataTemplate>
                <Border BorderThickness="{Binding ErrorBorderThickness}" BorderBrush="{Binding ErrorBorderBrush}">
                    <TextBox Text="{Binding UserText, Mode=TwoWay, UpdateSourceTrigger=LostFocus}"
                             HorizontalAlignment="Right"
                             GotKeyboardFocus="TextBox_GotKeyboardFocus"
                             PreviewMouseDown="TextBox_PreviewMouseDown"
                             Style="{StaticResource DefaultTextBox}"/>
                </Border>
            </DataTemplate>
        </DataGridTemplateColumn.CellTemplate>
    </DataGridTemplateColumn>
</DataGrid.Columns>

代码隐藏。

private void TextBox_GotKeyboardFocus(object sender, KeyboardFocusChangedEventArgs e)
{
    try
    {
        ((TextBox)sender).SelectAll();
    }
    catch (Exception ex) { GlobalDebug.debugForm.WriteText(ex); }
}

private void TextBox_PreviewMouseDown(object sender, MouseButtonEventArgs e)
{
    try
    {
        // If its a triple click, select all text for the user.
        if (e.ClickCount == 3)
        {
            ((TextBox)sender).SelectAll();
            return;
        }

        // Find the TextBox
        DependencyObject parent = e.OriginalSource as UIElement;
        while (parent != null && !(parent is TextBox))
        {
            parent = System.Windows.Media.VisualTreeHelper.GetParent(parent);
        }

        if (parent != null)
        {
            if (parent is TextBox)
            {
                var textBox = (TextBox)parent;
                if (!textBox.IsKeyboardFocusWithin)
                {
                    // If the text box is not yet focussed, give it the focus and
                    // stop further processing of this click event.
                    textBox.Focus();
                    e.Handled = true;
                }
            }
        }
    }
    catch (Exception ex) { GlobalDebug.debugForm.WriteText(ex); }
}

有关详细信息,请查看我的博客: http://blog.baltz.dk/post/2014/11/28/WPF-DataGrid-set-focus-and-mark-text

答案 3 :(得分:0)

我的方法是使用TriggerAction,它将焦点设置为加载时所需的模板元素。

触发器非常简单:

public class TakeFocusAndSelectTextOnVisibleBehavior : TriggerAction<TextBox>
{
    protected override void Invoke(object parameter)
    {
        Dispatcher.BeginInvoke(
            DispatcherPriority.Loaded,
            new Action(() =>
            {
                AssociatedObject.Focus();
                AssociatedObject.SelectAll();
            }));
    }
}

DataTemplate看起来像这样:

<DataTemplate>
    <TextBox Text="{Binding Path=Price, Mode=TwoWay}"
                MinHeight="0"
                Padding="1,0"
                Height="20">
        <Interactivity:Interaction.Triggers>
            <Interactivity:EventTrigger EventName="Loaded">
                <Behaviors:TakeFocusAndSelectTextOnVisibleBehavior />
            </Interactivity:EventTrigger>
        </Interactivity:Interaction.Triggers>
    </TextBox>
</DataTemplate>

您可以为其他元素类型编写其他触发器。