在 WPF/MVVM 中按下按钮时验证文本框
本文关键字:按钮 验证 文本 WPF MVVM | 更新日期: 2023-09-27 18:34:37
在我看来,我有一个TextBox
和一个Button
。我的视图模型中有一个ICommand
方法、String
序列号属性和一个IsEnabled
属性。
当用户单击Button
时,我想使用 InDatabase
属性验证TextBox
中的序列号。如果TextBox
中的内容无效,我想在TextBox
上提出错误。如果内容在TextBox
中有效,我想禁用Button
并执行命令。
以下是视图:
<StackPanel Width="Auto" Height="Auto" VerticalAlignment="Center" HorizontalAlignment="Center">
<UniformGrid Rows="3" >
<TextBlock Text="This device appears to be uninitialized."/>
<UniformGrid Rows="1" Columns="2">
<Label>Serial Number:</Label>
<TextBox Text="{Binding IdentifiedSerialNumber, Mode=TwoWay, ValidatesOnDataErrors=True}"></TextBox>
</UniformGrid>
<Button Content="Identify" Command="{Binding IdentifyCommand}" IsEnabled="{Binding CanExecuteDeviceRestoration}"/>
</UniformGrid>
</StackPanel>
下面是视图模型:
public string IdentifiedSerialNumber
{
get
{
return this.identifiedSerialNumber;
}
set
{
this.identifiedSerialNumber = value;
}
}
public ICommand IdentifyCommand
{
get
{
return new RelayCommand(this.RelayRestoreControllerIdentity);
}
}
public bool CanExecuteDeviceRestoration
{
get
{
return canExecuteDeviceRestoration;
}
private set
{
this.canExecuteDeviceRestoration = value;
RaisePropertyChanged("CanExecuteDeviceRestoration");
}
}
public async void RelayRestoreControllerIdentity()
{
await Task.Run(
() =>
{
this.RestoreControllerIdentity();
});
}
public bool InDatebase
{
get
{
return DatabaseConnection.DeviceExists(this.IdentifiedSerialNumber);
}
}
我的问题是我如何绑定行为,以便当用户单击Button
时验证TextBox
,如果失败,它会显示带有消息的错误,如果通过,Button
将被禁用并执行命令。
您需要实现 IDataErrorInfo。
这将添加一个返回字符串的索引器。
如果返回空字符串,则表示没有错误。
您可以返回一个空字符串,直到按下按钮(u 可以使用标志(。
按下按钮时,运行验证逻辑并适当更改标识序列号的
标志和引发属性更改事件您可以从此处了解如何实现 IDataErrorInfo 。
您还需要为标识序列号引发属性更改事件。