当 1 个或多个 TextBox 字段为空时禁用按钮

Question

我尝试了一些解决方案，但它们似乎适用于 WPF。

这是我目前拥有的，但它似乎不起作用：

<Grid>
    <StackPanel Orientation="Vertical">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="Username :"/>
            <TextBox x:Name="userNameTextBox" Text="{Binding Username, Mode=TwoWay}" />
        </StackPanel>
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="Password :" />
            <TextBox x:Name="passwordTextBox" Text="{Binding Password, Mode=TwoWay}" />
        </StackPanel>
        <Button IsEnabled="{Binding ElementName=userNameTextBox, Path=Text.Length}" Command="{Binding LoginCommand }" Content="Login" />
    </StackPanel>
</Grid>

所以如果 userNameTextBox 和 passwordTextBox 不为空，我想让按钮启用。

它始终保持启用状态。我究竟做错了什么？是否可以仅通过 XAML 执行此操作？

private string _username;
public string Username
{
    get { return _username; }
    set
    {
        _username = value;
        RaisePropertyChanged(nameof(Username));
        RaisePropertyChanged(nameof(IsButtonEnable));
    }
}

private string _password;
public string Password
{
    get { return _password; }
    set {
        _password = value;
        RaisePropertyChanged(nameof(Password));
        RaisePropertyChanged(nameof(IsButtonEnable));
    }
}

private bool _isButtonEnable;
public bool IsButtonEnable
{            
    get
    {
        if (!string.IsNullOrEmpty(_username) && !string.IsNullOrWhiteSpace(_username)
            && !string.IsNullOrEmpty(_password) && !string.IsNullOrWhiteSpace(_password))
        {
            return true;
        }
        else
        {
            return false;
        }
    }
}

Answer 1

我认为您可以设置一个布尔值来禁用该按钮。这是下面给出的示例代码=>
XAML：

<Grid>
    <StackPanel Orientation="Vertical">
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="Username :"/>
            <TextBox x:Name="userNameTextBox" Text="{Binding Username, Mode=TwoWay}" />
        </StackPanel>
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="Password :" />
            <TextBox x:Name="passwordTextBox" Text="{Binding Password, Mode=TwoWay}" />
        </StackPanel>
        <Button IsEnabled="{Binding IsButtonEnable}" Command="{Binding LoginCommand }" Content="Login" />
    </StackPanel>
</Grid>

在ViewModel中添加IsButtonEnable属性like

#region Property IsButtonEnable: bool
public bool IsButtonEnable
{
    get
    {
        if( !string.IsNullOrEmpty(_Username) && !string.IsNullOrWhiteSpace(_Username)
            && !string.IsNullOrEmpty(_Password) && !string.IsNullOrWhiteSpace(_Password))
        {
            return true;
        }
        else
        {
            return false;
        }
    }
}

#endregion

#region Property Username: string
private string _Username;
public string Username
{
    get { return _Username; }
    set
    {
        _Username = value;
        NotifyPropertyChanged(nameof(Username));
        NotifyPropertyChanged(nameof(IsButtonEnable));
    }
}

#endregion

#region Property Password: string
private string _Password;
public string Password
{
    get { return _Password; }
    set
    {
        _Password = value;
        NotifyPropertyChanged(nameof(Password));
        NotifyPropertyChanged(nameof(IsButtonEnable));
    }
}

#endregion

注意：这里NotifyPropertyChanged 将在Username 或Password 更改时调用IsButtonEnable 来更新UI。您想添加更多属性，然后添加它们并更新 IsButtonEnable get 部分内的条件。
请检查并告诉我。