Formular-Validierung submit-button deaktivieren bis alle Felder ausgefüllt sind, in WPF

Gegeben:
WPF 4.0 desktop-basierte Anwendung. Basic-input-form mit zwei TextBox Felder und submit-button.

XAML-code:

<Label Content="Username" />
    <TextBox x:Name="Form_UserName" />

<Label Content="Password" />
    <TextBox x:Name="Form_Password" />

<Button x:Name="Submit"
    Click="Form_Submit_Button_Click"
    Content="Submit" />

Aufgabe:
Logik implementieren, wo-senden-Schaltfläche ist aktiviert, wenn und nur wenn zwei TextBox Felder ausgefüllt sind.

Der klassische Weg, um dieses Problem zu lösen ist der Einsatz von event-Handlern wie onLostFocus() oder sowas, wo wir Steuern können, Bedingung für diese Felder jedes mal, wenn der Benutzer Umschalten des Fokus vom Feld.

Aber da mein Projekt ist WPF-basiert, ich lieber mit einer einheimischen Art zu arbeiten mit Formularen — data binding-Mechanismus. Ich Las einige Artikel von dieser Seite und MSDN auch über die form-Validierung, sondern in fast allen Beispielen wird vorgeschlagen, die Verwendung von MVVM-framework und ich möchte es zu implementieren, ohne Rahmen.

Auch, ich habe versucht, zu spielen mit IMultiValueConverter aber keine arbeitete Ergebnis erhalten.

Bitte, zeigen Sie mir (code) Vorschlag, wie dieses problem zu lösen, mit Daten-Bindung so einfach wie möglich (ich bin nur ab WPF).

  • MVVM ist kein framework es ist ein Muster. Muster sollte verwendet werden, wo das code-Reiniger. Gibt es frameworks gibt, aber alles, was Sie brauchen, ist eine Klasse, die INotifyPropertyChanged und hat einen Befehl, die ICommand. Aber die Rahmenbedingungen machen nur das schreiben leichter und ich würde vermuten, es wäre immer noch einfacher als die andere Lösung, die Sie stoßen könnten
InformationsquelleAutor Mike B. | 2011-01-08
  1. 8

    Dies kann leicht getan werden mit der WPF überprüfungsmechanismen. Erst seit Sie wollen, Folgen Sie der WPF-Architektur würde ich empfehlen Ihnen die Nutzung des WPF -Befehl-Modell.

    Nun bei der Realisierung Ihrer Funktionalität, können Sie eine CommandBinding auf das Fenster/UserControl oder die Button selbst:

    <Button Content="Save" Command="Save">

<Button.CommandBindings>
    <CommandBinding Command="Save" 
                    Executed="Save_Executed" CanExecute="Save_CanExecute" />
    </Button.CommandBindings>
</Button>

    Nun können Sie abonnieren CanExecute Ereignis zu aktivieren oder deaktivieren die Schaltfläche basierend auf den validation-logic. Ich empfehle diese liest, bevor Sie fortfahren:

    - Überprüfung in Windows Presentation Foundation

    Mithilfe von Benutzerdefinierte Validierungsregeln in WPF

    Der einfachste Weg, um Ihre Anforderung ist wie unten angegeben:

    XAML

    <Window x:Class="GridScroll.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:GridScroll"
    Title="Window1" Height="300" Width="300">

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>

    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="200"/>
    </Grid.ColumnDefinitions>

    <TextBlock Text="User Name" Grid.Column="0" Grid.Row="0"/>
    <TextBox Grid.Column="1" Grid.Row="0" Text="{Binding Path=UserName,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"/>
    <TextBlock Text="Password" Grid.Column="0" Grid.Row="1"/>
    <TextBox Grid.Column="1" Grid.Row="1" Text="{Binding Path=Password,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"/>

    <Button Content="Save" Grid.Row="2" Grid.ColumnSpan="2" Width="100" HorizontalAlignment="Right" Command="Save">
        <Button.CommandBindings>
            <CommandBinding Command="Save" 
                    Executed="Save_Executed" CanExecute="Save_CanExecute"/>
        </Button.CommandBindings>

    </Button>
</Grid>

    Code behind

    public partial class Window1 : Window,INotifyPropertyChanged
{
    public Window1()
    {
        InitializeComponent();
        DataContext = this;
    }

    private string userName;
    public string Username
    {
        get
        {
            return userName;
        }
        set
        {
            userName = value;
            OnPropertyChanged("UserName");
        }
    }

    private string password;
    public string Password
    {
        get
        {
            return password;
        }
        set
        {
            password = value;
            OnPropertyChanged("Password");
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    public void OnPropertyChanged(string name)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(name));
        }
    }

    private void Save_Executed(object sender, ExecutedRoutedEventArgs e)
    {
        //Your code
    }

    private void Save_CanExecute(object sender, CanExecuteRoutedEventArgs e)
    {
        e.CanExecute = !(string.IsNullOrEmpty(Username) && string.IsNullOrEmpty(Password));

    }
}

    Hoffe, das hilft.

    InformationsquelleAutor biju
Schreibe einen Kommentar