Làm cách nào để đặt ViewModel trên một cửa sổ trong XAML bằng cách sử dụng thuộc tính DataContext?

Question

Câu hỏi khá nhiều nói lên tất cả.

Tôi có một cửa sổ và đã cố gắng đặt DataContext bằng cách sử dụng không gian tên đầy đủ cho ViewModel, nhưng dường như tôi đang làm điều gì đó sai.

<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

Bên cạnh những giải pháp mà người khác được cung cấp (mà là tốt, và chính xác), có một cách để xác định ViewModel trong XAML, nhưng vẫn tách ViewModel cụ thể từ các View. Tách chúng là hữu ích cho khi bạn muốn viết các trường hợp thử nghiệm bị cô lập.

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

Trong 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

Hãy thử thay thế này.

<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

Bạn cần khởi tạo MainViewModel và đặt làm văn bản dữ liệu. Trong tuyên bố của bạn, nó chỉ xem xét nó như là giá trị chuỗi.

 <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

Bạn có thể muốn thử Catel. Nó cho phép bạn định nghĩa một lớp DataWindow (thay vì Window), và lớp đó sẽ tự động tạo ra mô hình khung nhìn cho bạn. Bằng cách này, bạn có thể sử dụng khai báo của ViewModel như bạn đã làm trong bài viết gốc của bạn, và mô hình khung nhìn vẫn sẽ được tạo và đặt làm DataContext.

Xem this article để biết ví dụ.