WPF如何将值绑定到符合MVVM模式的TextBox

Question

我目前正在试验WPF。我使用Windows Template Studio for Visual Studio创建了一个演示项目。

现在我想添加一个文本框，它应该由MVVM模式自动保存。我在设置页面中添加了以下XAML。

<TextBlock
Style="{StaticResource BodyTextStyle}"
Text="Default Page" />
<TextBox Text="{Binding DefaultPage}">
<i:Interaction.Triggers>
<i:EventTrigger EventName="TextChanged">
<i:InvokeCommandAction Command="{Binding SetDefaultPageCommand}" CommandParameter="{Binding DefaultPage}" />
</i:EventTrigger>
</i:Interaction.Triggers>
</TextBox>

在SettingsViewModel中，我添加了以下行：

private readonly IDefaultPageService _defaultPageService;
private string _defaultPage;
public ICommand SetDefaultPageCommand => _setDefaultPageCommand ?? (_setDefaultPageCommand = new RelayCommand<string>(OnSetDefaultPage));
public string DefaultPage
{
get { return _defaultPage; }
set { Set(ref _defaultPage , value); }
}
private void OnSetDefaultPage(string defaultPage)
{
_defaultPageService.SetDefaultPage(defaultPage);
}

要保存的服务实现为：

public class DefaultPageService : IDefaultPageService
{
public DefaultPageService()
{
}
public void InitializeDefaultPage()
{
var theme = GetDefaultPage();
SetDefaultPage(theme);
}
public void SetDefaultPage(string defaultPage)
{
App.Current.Properties["DefaultPage"] = defaultPage.ToString();
}
public string GetDefaultPage()
{
if (App.Current.Properties.Contains("DefaultPage"))
{
var defaultPage = App.Current.Properties["DefaultPage"].ToString();
return defaultPage;
}
return "https://google.com";
}
}

保存我的新字符串是有效的，但不幸的是，我的命令在实际绑定属性更改其值之前就被调用了。我已经尝试了一堆不同的TextBox事件，例如KeyUp和KeyDown。我发现唯一有效的事件是LayoutUpdated，但这个事件被GUI一次又一次地触发，所以我确信有更好的方法。

有人知道我该怎么解决吗？

Answer 1

添加绑定选项UpdateSourceTrigger=PropertyChanged

<TextBox Text="{Binding DefaultPage, UpdateSourceTrigger=PropertyChanged}"/>

和setter您可以在textBox值更改时获取值。

class ViewModel
{
private string _defaultPage;
public string DefaultPage
{
get { return _DefaultPage; }
set { _DefaultPage = value; OpPropertyChanged(); DefaultPageChanged(value); }
}
private void DefaultPageChanged(string v)
{
// Service some...
}
}

Answer 2

TextBox绑定的默认行为是在TextBox失去焦点后更新绑定，这就是为什么您的绑定属性只有在用户键入后才会更改，然后对TextBox执行任何失去焦点的操作。您显然不能使用TextChanged事件，因为它会在每次击键时触发。

保留MVVM并依赖绑定属性首先更改的最佳方法是完全取消EventTrigger和ICommand，只需在调用DefaultPage setter时利用它。

在您的设置ViewModel:

private readonly IDefaultPageService _defaultPageService;
private string _defaultPage;
public string DefaultPage
{
get { return _defaultPage; }
set { Set(ref _defaultPage , value); OnSetDefaultPage(_defaultPage); }
}
private void OnSetDefaultPage(string defaultPage)
{
_defaultPageService.SetDefaultPage(defaultPage);
}