在文本框中捕获 Enter 键不起作用

Question

在我看来，我尝试通过以下 XAML 将事件绑定到 Enter 键：

<TextBox x:Name="txtFields" Text="{Binding FieldsTextProperty, UpdateSourceTrigger=PropertyChanged}" Height="23" TextWrapping="NoWrap" Background="#FFCBEECD" AcceptsReturn="False" >
        <TextBox.InputBindings>
            <KeyBinding Key="Enter" Command="{Binding AddFieldCommand}"></KeyBinding>
        </TextBox.InputBindings>
</TextBox>

AddFieldCommand 作为属性存在于我的 ViewModel 中：

public ICommand AddFieldCommand { get; private set; }

在 ViewModel 构造函数中存在以下RelayCommand。

AddFieldCommand = new RelayCommand(AddField);

从RelayCommand 调用方法AddField。

public void AddField()
{
   Console.WriteLine("AddField Method")
}

这不起作用 - AddField 方法永远不会被调用。有人可以帮忙吗？

Answer 1

我想知道 .InputBindings 在这种情况下是否不起作用。键盘输入处理可能被 TextBox 劫持了。

假设您想坚持 MVVM 模式并避免在代码隐藏中使用事件处理代码，我可能会选择创建 TextBox 的自定义实现 - 将其称为“SubmitTextBox”

自定义的 SubmitTextBox 可以自动挂钩 PreviewKeyDown 事件，并监控 Enter 键。

您可以通过添加 ICommand DP 来处理“提交”事件来进一步遵守 MVVM。

类似这样的...

public class SubmitTextBox : TextBox
{
    public SubmitTextBox()
        : base()
    {
        PreviewKeyDown += SubmitTextBox_PreviewKeyDown;
    }

    private void SubmitTextBox_PreviewKeyDown(object sender, System.Windows.Input.KeyEventArgs e)
    {
        if (e.Key == System.Windows.Input.Key.Enter)
        {
            if (this.SubmitCommand != null && this.SubmitCommand.CanExecute(this.Text))
            {
                // Note this executes the command, and returns
                // the current value of the textbox.
                this.SubmitCommand.Execute(this.Text);
            }
        }
    }

    /// <summary>
    /// The command to execute when the text is submitted (Enter is pressed).
    /// </summary>
    public ICommand SubmitCommand
    {
        get { return (ICommand)GetValue(SubmitCommandProperty); }
        set { SetValue(SubmitCommandProperty, value); }
    }

    // Using a DependencyProperty as the backing store for SubmitCommand.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty SubmitCommandProperty =
        DependencyProperty.Register("SubmitCommand", typeof(ICommand), typeof(SubmitTextBox), new PropertyMetadata(null));
}

您的 XAML 最终会如下所示：

<custom:SubmitTextBox 
  x:Name="txtFields"
  Text="{Binding FieldsTextProperty}"
  SubmitCommand="{Binding AddFieldCommand}" 
  Height="23" 
  TextWrapping="NoWrap"
  Background="#FFCBEECD" />

希望有帮助:)

更新：为了澄清，我创建的 SubmitCommand 将文本框中的当前文本作为参数返回。为了将它与 MVVM-Light 工具包一起使用，您需要创建一个可以接受“字符串”类型的 RelayCommand。

public RelayCommand<string> AddFieldCommand { get; private set; }

public ViewModelConstructor()
{
   AddFieldCommand = new RelayCommand<string>(AddField);
}

private void AddField(string text)
{
   // Do something
}

我希望这能解决一些问题:)