如何从 ViewModel 进行绑定

Question

我正在尝试捕获在文本框中按下的 Enter 键，以便我可以启动对服务器的更新。它不起作用，所以我将问题简化为简单的元素。

在此示例中，绑定似乎不是在每次击键时发生，而是在稍后的某个时间发生。我需要在按下回车键时完成绑定。请考虑 VM 中的以下 XAML 和函数。

下面是文本框的 XAML

<TextBox Text="{Binding TextValue, Mode=TwoWay}" Height="23" Width="300">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="KeyDown">
            <cmd:EventToCommand Command="{Binding KeyDownCommand}"
                PassEventArgsToCommand="True" />
        </i:EventTrigger>
    </i:Interaction.Triggers>
</TextBox>

KeyDownCommand 按预期触发，但该值尚未出现在 TextValue 属性中。如果我第二次按 Enter 键，那么该值就在属性中吗？这是 KeyDown 命令。 ViewModel 的构造函数正确设置 keyDownCommand。

public RelayCommand<RoutedEventArgs> KeyDownCommand { get; private set; }
private void KeyDownAction(RoutedEventArgs eventArg)
{
    var source = eventArg.OriginalSource as FrameworkElement;
    var e = eventArg as KeyEventArgs;
    if (source != null && e != null && e.Key== Key.Enter)
    {
        e.Handled = true;
        MessageBox.Show(TextValue);
    }
}

看来我需要的是一种在按下 Enter 键时将 TextBox 的文本“发布”回 VM 的 TextValue 属性的方法。还是我还缺少其他东西。

Answer 1

尝试在绑定时将 UpdateSourceTrigger 设置为 PropertyChanged，如下所示：

<TextBox Text="{Binding TextValue, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Height="23" Width="300">

现在，每次更改文本时，视图模型属性都会更新。

更新：

对于 Silverlight，作为 UpdateSourceTrigger 的替代方案，您可以使用以下简单行为，在文本更改时更新绑定源：

public class TextChangedUpdateSourceBehavior : Behavior<TextBox>
{
    protected override void OnAttached()
    {
        base.OnAttached();

        AssociatedObject.TextChanged += OnTextChanged;
    }

    private void OnTextChanged(object sender, TextChangedEventArgs e)
    {
        var bindingExpression = AssociatedObject.GetBindingExpression(TextBox.TextProperty);

        if (bindingExpression != null)
        {
            bindingExpression.UpdateSource();
        }
    }
}

如下使用：

<TextBox Text="{Binding TextValue, Mode=TwoWay}" Height="23" Width="300">
    <i:Interaction.Behaviors>
        <b:TextChangedUpdateSourceBehavior />
    </i:Interaction.Behaviors>
</TextBox>

Answer 2

我刚发布问题，就找到了答案。

这是更正后的 KeyDownAction

private void KeyDownAction(RoutedEventArgs eventArg)
{
    var source = eventArg.OriginalSource as FrameworkElement;
    source.GetBindingExpression(TextBox.TextProperty).UpdateSource();
    var e = eventArg as KeyEventArgs;
    if (source != null && e != null && e.Key== Key.Enter)
    {
        e.Handled = true;
        MessageBox.Show(TextValue);
    }
}

现在，当我输入此内容时，我意识到我正在“打破”该模式，因为现在我的 ViewModel 对视图的了解更多了。