Comment définir un ViewModel sur une fenêtre dans XAML en utilisant la propriété DataContext ?

Question

La question dit à peu près tout.

J'ai une fenêtre, et j'ai essayé de définir le DataContext en utilisant l'espace de noms complet pour le ViewModel, mais il semble que je fasse quelque chose de mal.

<Window x:Class="BuildAssistantUI.BuildAssistantWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    DataContext="BuildAssistantUI.ViewModels.MainViewModel">

Answer 1

Essayez plutôt ceci.

<Window x:Class="BuildAssistantUI.BuildAssistantWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:VM="clr-namespace:BuildAssistantUI.ViewModels">
    <Window.DataContext>
        <VM:MainViewModel />
    </Window.DataContext>
</Window>

Answer 2

En plus de la solution proposée par d'autres personnes (qui est bonne et correcte), il existe un moyen de spécifier le ViewModel dans XAML, tout en séparant le ViewModel spécifique de la vue. Les séparer est utile lorsque vous voulez écrire des cas de test isolés.

Dans App.xaml :

<Application
    x:Class="BuildAssistantUI.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:BuildAssistantUI.ViewModels"
    StartupUri="MainWindow.xaml"
    >
    <Application.Resources>
        <local:MainViewModel x:Key="MainViewModel" />
    </Application.Resources>
</Application>

Dans MainWindow.xaml :

<Window x:Class="BuildAssistantUI.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    DataContext="{StaticResource MainViewModel}"
    />

Answer 3

Vous devez instancier le MainViewModel et le définir comme contexte de données. Dans votre déclaration, il est simplement considéré comme une valeur de type string.

     <Window x:Class="BuildAssistantUI.BuildAssistantWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:BuildAssistantUI.ViewModels">
      <Window.DataContext>
        <local:MainViewModel/>
      </Window.DataContext>

Answer 4

Il y a aussi cette façon de spécifier le modèle de vue :

using Wpf = System.Windows;

public partial class App : Wpf.Application //your skeleton app already has this.
{
    protected override void OnStartup( Wpf.StartupEventArgs e ) //you need to add this.
    {
        base.OnStartup( e );
        MainWindow = new MainView();
        MainWindow.DataContext = new MainViewModel( e.Args );
        MainWindow.Show();
    }
}

<Rant>

Toutes les solutions proposées précédemment exigent que MainViewModel doit avoir un constructeur sans paramètre.

Microsoft a l'impression que les systèmes peuvent être construits à l'aide de constructeurs sans paramètres. Si vous avez également cette impression, allez-y et utilisez d'autres solutions.

Pour ceux qui savent que les constructeurs doivent avoir des paramètres et que, par conséquent, l'instanciation des objets ne peut être laissée entre les mains de frameworks magiques, la manière correcte de spécifier le viewmodel est celle que j'ai montrée ci-dessus.

</Rant>

Answer 5

Vous pouvez essayer Catel . Il vous permet de définir une classe DataWindow (au lieu de Window), et cette classe crée automatiquement le modèle de vue pour vous. De cette façon, vous pouvez utiliser la déclaration du ViewModel comme vous l'avez fait dans votre message original, et le modèle de vue sera toujours créé et défini comme DataContext.

Ver cet article pour un exemple.