Come si imposta ViewModel su una finestra in XAML utilizzando la proprietà DataContext?

Question

La domanda dice quasi tutto.

Ho una finestra e ho provato a impostare DataContext utilizzando lo spazio dei nomi completo per ViewModel, ma sembra che stia facendo qualcosa di sbagliato.

<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

Oltre alla soluzione che altre persone fornite (che sono buoni, e corretta), c'è un modo per specificare il ViewModel in XAML, ma ancora separare il ViewModel specifica dalla vista. Separarli è utile quando vuoi scrivere casi di test isolati.

In 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> 

In 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 2

Prova questo.

<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 3

È necessario creare un'istanza di MainViewModel e impostarlo come datacontext. Nella tua dichiarazione lo consideri solo come valore stringa.

 <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

Si potrebbe desiderare di provare Catel. Ti permette di definire una classe DataWindow (invece di Window), e quella classe crea automaticamente il modello di visualizzazione per te. In questo modo, puoi utilizzare la dichiarazione di ViewModel come hai fatto nel tuo post originale e il modello di visualizzazione verrà comunque creato e impostato come DataContext.

Vedere this article per un esempio.