Kết nối dữ liệu WPF với ResourceDictionary MVVM

Question

Tôi đang cố gắng ràng buộc Chế độ xem với một ViewModel trong ResourceDictionary nhưng nó không hoạt động.

Ứng dụng này rất đơn giản với 2 hộp văn bản. Khi tôi nhập văn bản vào textbox1, atutomatically, textbox2 phải nhận được cùng một văn bản. Tất nhiên các hộp văn bản của tôi từ View phải được liên kết với các thuộc tính của tôi trong ViewModel.

Tôi mới để WPF và cách tôi bắt đầu để ràng buộc xem và ViewModels là trong codebehind của một Xem:

DataContext = new MyViewModel(); 

Bây giờ tôi đang cố gắng để đạt được một sự tách biệt rõ ràng hơn. Mã của tôi là

App.xaml:

<Application x:Class="NavigationCleanBinding.App" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     StartupUri="/Views/MainWindowView.xaml"> 
    <Application.Resources> 
     <ResourceDictionary Source="MainResourceDictionary.xaml" /> 
    </Application.Resources> 
</Application> 

MainResourceDictionary.xaml:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xamlpresentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:Views="clr-namespace:NavigationCleanBinding.Views" 
    xmlns:ViewModels="clr-namespace:NavigationCleanBinding.ViewModels"> 

    <DataTemplate DataType="{x:Type ViewModels:MainWindowViewModel}"> 
     <Views:MainWindowView /> 
    </DataTemplate> 

</ResourceDictionary> 

MainWindowView.xaml:

<Window x:Class="NavigationCleanBinding.Views.MainWindowView" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="350" Width="525"> 

<Grid> 
    <TextBox Height="23" HorizontalAlignment="Left" Margin="61,14,0,0" 
      Name="textBox1" VerticalAlignment="Top" Width="120" 
      Text="{Binding TestData, Mode=TwoWay, 
      UpdateSourceTrigger=PropertyChanged}"/> 
    <Label Content="Test:" Height="28" HorizontalAlignment="Left" Margin="12,12,0,0" 
     Name="label1" VerticalAlignment="Top" Width="43" /> 
    <Label Content="Result:" Height="28" HorizontalAlignment="Left" Margin="10,46,0,0" 
     Name="label2" VerticalAlignment="Top" /> 

    <TextBox Height="23" HorizontalAlignment="Left" Margin="61,48,0,0" 
      Name="textBox2" VerticalAlignment="Top" Width="120" 

      Text="{Binding TestData, Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"/> 
    </Grid> 
</Window> 

MainWindowViewModel:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 

namespace NavigationCleanBinding.ViewModels 
{ 
    class MainWindowViewModel 
    { 
     private String _testData; 
     public String TestData 
     { 
      get { return _testData; } 
      set { _testData = value; } 
     } 

     private MainWindowViewModel() 
     { 
      _testData = null; 
     } 
    } 
} 

UPDATE:

tôi đã thay đổi TestData tài sản như sau:

public String TestData 
    { 
     get { return _testData; } 
     set 
     { 
      _testData = value; 
      OnPropertyChanged("TestData"); 

     } 
    } 

Và implemened các INotifyPropertyChanged như thế này:

public event PropertyChangedEventHandler PropertyChanged; 
    private void OnPropertyChanged(String propertyName) 
    { 
     PropertyChangedEventHandler handler = PropertyChanged; 
     if (handler != null) 
     { 
      handler(this, new PropertyChangedEventArgs(propertyName)); 
     } 
    } 

Answer 1

nên user1064 519 đã đi đúng hướng:

• View cần phải được một UserControl, không phải là một Window, vì nó được lưu trữ trong MainWindow

• ViewModel cần được nạp vào MainWindow, đây là những gì trigger DataTemplate được phát hiện và tải.

  <Window x:Class="WpfTemplateBootstrap.MainWindow" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      xmlns:local="clr-namespace:WpfTemplateBootstrap" 
      Title="MainWindow" Height="350" Width="525"> 
      <ContentControl> 
       <ContentControl.Content> 
        <local:MainWindowViewModel /> 
       </ContentControl.Content> 
      </ContentControl> 
  

Sau đó bạn nên lên và chạy. Tôi đã đăng một ví dụ chuyên sâu tại đây: wpf bootstrapping datatemplates--the chicken and the egg

Answer 2

ViewModel của bạn phải thực hiện các giao diện INotifyPropertyChanged và nâng cao một sự kiện PropertyChanged khi bất kỳ giá trị thuộc tính ràng buộc nào thay đổi, để chế độ xem của bạn có thể biết rằng thay đổi được làm mờ.

Answer 3

DataTemplate sholudnt chứa cửa sổ, nó có thể chứa bất kỳ loại điều khiển nào.

DataTemplate:

<DataTemplate DataType="{x:Type ViewModels:MainWindowViewModel}"> 
     <Views:MainWindowView /> 
</DataTemplate> 

UserControl:

<UserControl x:Class="NavigationCleanBinding.Views.MainView" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Height="350" Width="525"> 

<Grid> 
    <TextBox Height="23" HorizontalAlignment="Left" Margin="61,14,0,0" 
      Name="textBox1" VerticalAlignment="Top" Width="120" 
      Text="{Binding TestData, Mode=TwoWay, 
      UpdateSourceTrigger=PropertyChanged}"/> 
    <Label Content="Test:" Height="28" HorizontalAlignment="Left" Margin="12,12,0,0" 
     Name="label1" VerticalAlignment="Top" Width="43" /> 
    <Label Content="Result:" Height="28" HorizontalAlignment="Left" Margin="10,46,0,0" 
     Name="label2" VerticalAlignment="Top" /> 

    <TextBox Height="23" HorizontalAlignment="Left" Margin="61,48,0,0" 
      Name="textBox2" VerticalAlignment="Top" Width="120" 

      Text="{Binding TestData, Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"/> 
    </Grid> 
</UserControl> 

Window:

<Window x:Class="NavigationCleanBinding.Views.MainWindowView" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Title="MainWindow" Height="350" Width="525"> 

<ContentControl Content={Binding}/> 
</Window>