在 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将被禁用并执行命令。

在 WPF/MVVM 中按下按钮时验证文本框

您需要实现 IDataErrorInfo。
这将添加一个返回字符串的索引器。
如果返回空字符串,则表示没有错误。
您可以返回一个空字符串,直到按下按钮(u 可以使用标志(。
按下按钮时,运行验证逻辑并适当更改标识序列号的
标志和引发属性更改事件您可以从此处了解如何实现 IDataErrorInfo 。
您还需要为标识序列号引发属性更改事件。