Mit MVVM zeigen, neue Fenster und erhalten Sie updates Daten

Hinweis: Dies endete als eine ziemlich lange Antwort - Fragen Sie mich bitte, wenn etwas unklar ist

Die Umsetzung von dialog-Fenstern ist ein umstrittenes Thema in der MVVM-designs, und verschiedene Leute haben verschiedene Ansätze.

Wie Sie, habe ich beschlossen, nicht zu verwenden-framework und implementiert die meisten Dinge mit der hand. Wenn es darum geht dialog-Fenster, ich wähle pragmatisch über meine Implementierung des MVVM, durch die Einführung die Dialog-Fenster von innen mein ViewModel. Auch Erlaube ich, dass jedes Dialogfeld im ViewModel zu haben, einen Verweis auf das Fenster angezeigt, so dass Sie schließen können, wenn entsprechende (details siehe unten). Das bricht einige der strengen MVVM "Regeln", aber es bekommt den job getan.

Den Haupt-Nachteil dieser Lösung ist, dass es brechen könnte-unit-Tests, wenn Sie etwas testen, dass geht über einen dialog. Jedoch, Sie können gehen einen langen Weg ohne laufen in dieses problem und es hat mich nicht gestört, doch.

Hab ich gebaut bis ein bisschen eine Bibliothek von dialog ViewModels, die kann ich problemlos erweitern. Es ist viel zu viel code hier zu posten, aber ich werde zeigen Ihnen die highlights.

Base-ViewModel für Dialoge

Jede meiner Dialogfeld windows hat ein ViewModel, das erbt von DialogViewModelBase, die ist ähnlich wie meine regelmäßigen ViewModelBase in, dass es bietet Unterstützung für INotifyPropertyChanged etc. Der interessante Teil ist dieser öffentliche Methode, die ich nenne, von wo auch immer starten Sie den Dialog:

///<summary>
///Creates window instance for this dialog viewmodel and displays it, getting the dialog result.
///</summary>
public void ShowDialogWindow()
{
    //This is a property of the DialogViewModelBase class - thus, each DialogViewModel holds a reference to its own DialogWindow:
    this.DialogWindow = new Dialogs.Views.DialogWindow();
    //Tell the DialogWindow to display this ViewModel:
    this.DialogWindow.DataContext = this;
    //Launch the Window, using a method of the Window baseclass, that only returns when the window is closed:
    this.DialogWindow.ShowDialog();
}

Fenster gestartet, in der obigen Methode zu schließen, wenn seine Window.DialogResult - Eigenschaft gesetzt ist. Dies ist der Grund, warum die DialogWindow ist eine Eigenschaft der DialogViewModelBase Klasse - wenn die Unterklassen dialog ViewModel will, um das Dialogfenster zu schließen, wird einfach das Ergebnis:

protected void CloseDialogWithResult(bool dialogWindowResult)
{
    //Setting this property automatically closes the dialog window:
    this.DialogWindow.DialogResult = dialogWindowResult;
}

Host-Fenster für Dialog-Ansichten

Den Dialogs.Views.DialogWindow Klasse, dass die ShowDialogWindow Methode instanziiert wird in XAML definiert und ist eine Unterklasse von Window. Es hat zwei wichtige Funktionen. Die erste ist, dass es das primäre element ist einfach ein ContentControl bindet an den aktuellen Kontext. Dies ermöglicht es mir, anders definieren Views für verschiedene Unterklassen von DialogViewModelBase, und die DialogWindow wird host die entsprechenden View basierend auf dem Typ der Kontext:

<ContentControl Content="{Binding}" /> <!-- In reality this is inside a border etc but its simplified here for demonstration -->

Die zweite wichtige Funktion des DialogWindow XAML ist, dass Sie definiert, welche dialog Views gehen mit dem dialog ViewModels. Hier ist ein Beispiel:

<Window.Resources>
    <!-- DEFAULT ViewModel-View TEMPLATES -->

    <DataTemplate DataType="{x:Type dialogs:YesNoMessageBoxDialogViewModel}">
        <views:MessageBoxView />
    </DataTemplate>

    <DataTemplate DataType="{x:Type dialogs:ErrorDialogViewModel}">
        <views:ErrorDialogView/>            
    </DataTemplate>

</Window.Resources>

Was all dies bedeutet, ist, dass ich definieren kann, Dialoge, die als Unterklassen zu DialogViewModelBase und Umsetzung einer View für jeden, und dann sagen Sie DialogWindow die View seine ContentControl müssen zeigen, für die dialog ViewModel.

Starten einen Dialog und erste Ergebnisse

Unten ist ein Beispiel aus einem meiner Anwendung ViewModels, in denen ich starte ein Dialog-Fenster, das dem Benutzer ermöglicht, wählen Sie einen Asset-Typ für die Schöpfung:

public void CreateNewAsset()
{
    //Instantiate desired Dialog ViewModel:
    Dialogs.NewAssetTypeSelectionDialogViewModel dialog = new Dialogs.NewAssetTypeSelectionDialogViewModel();

    //Launch Dialog by calling method on Dialog base class:
    dialog.ShowDialogWindow();

    //Execution will halt here until the Dialog window closes...

    //The user's selection is stored in a property on the dialog ViewModel, and can now be retrieved:
    CalculatorBase.AssetTypeEnum newAssetType = dialog.AssetType;

    switch (newAssetType)
    {
        //Do stuff based on user's selection...
    }
}

PS: ich sollte wirklich schreiben, einen blog-Eintrag über dieses - wenn ich es Tue, werde ich den link hier posten, da der blog-Eintrag wird wahrscheinlich mehr komplett code-Beispiele.