c# – 在MVVM中绑定的首选方法,资源文件中的数据模板或View中的D

http://msdn.microsoft.com/en-us/magazine/dd419663.aspx

同时学习MVVM.然而,我通常会复制大部分代码,然后根据需要进行替换,但是今天我想从头开始构建一些东西,并且看到可能比我想象的更多.当我使用资源字典时,MVVM似乎不能与绑定一起使用,而是直接使用数据标签.这个问题最终要找到其他开发者建议使用绑定他们找到的.

问题的总结是这样的：为什么“资源字典”中的“DataTemplate”看起来不会显示在下面,但直接的“DataContext”方法会立即使用视图进行绑定？

是因为我在代码背后的设置视图中混合了代码.或者可能因为别的东西.看来我的属性,如果我在View的XAML中直接设置’DataContext’,那么在viewmodel中设置正确,但为什么不在资源字典？我认为这种方法的优点是您可以一次性设置一堆关系.如果有其他一些设置需要做,让我很好奇,让它好好工作.在他们使用数据模板的MVVM方法的主要例子中,这是好奇的,但是似乎有更多的设置它们比我在做,以使他们的“绑定”工作.

什么不为我工作：

我尝试在一个主窗口xaml中做一些非常基本的东西,留下我的一些代码,使它更简单：

主窗口XAML：

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts" x:Class="WPFTesting12_2.MainWindow"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <ResourceDictionary Source="Resources.xaml"/>
    </Window.Resources>
    <Grid>
        <DockPanel x:Name="dockpanel">
            <Menu DockPanel.Dock="Top" Height="30">
                <MenuItem Header="Charting">
                    <MenuItem Header="MVVMDataBound" x:Name="mnuDataBoundSeriesMVVMCharting" Click="mnuDataBoundSeriesMVVMCharting_OnClick"/>
                </MenuItem>
            </Menu>
            <TextBlock Height="5" Background="Black" DockPanel.Dock="Top" />
            <DockPanel x:Name="dockchildren" DockPanel.Dock="Bottom"/>
        </DockPanel>
    </Grid>
</Window>

主窗口代码背后：

public partial class MainWindow : Window
    {

        public MainWindow()
        {
            InitializeComponent();

            this.WindowState = WindowState.Maximized;
        }


        private void mnuDataBoundSeriesMVVMCharting_OnClick(object sender,RoutedEventArgs e)
        {
            View.DataBoundMVVMChart c = new DataBoundMVVMChart();

            dockchildren.Children.Clear();
            dockchildren.Children.Add(c);
        }
    }
}

资源词典：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    xmlns:vw="clr-namespace:WPFTesting12_2.View"
                    xmlns:vm="clr-namespace:WPFTesting12_2.ViewModel"
                    >
  <DataTemplate DataType="{x:Type vm:DataBoundMVVMChartViewModel}">
    <vw:DataBoundMVVMChart/>
 </DataTemplate>

<Style TargetType="MenuItem">
        <Setter Property="Background" Value="Wheat"/>
    </Style>
    <Style TargetType="Menu">
        <Setter Property="Background" Value="Wheat"/>
    </Style>

</ResourceDictionary>

查看DataBoundMVVMChart.xaml：

<UserControl x:Class="WPFTesting12_2.View.DataBoundMVVMChart"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:WPFTesting12_2.ViewModel"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <UserControl.Resources>
        <ResourceDictionary Source="..Resources.xaml"/>
    </UserControl.Resources>
    <Grid>
        <DockPanel>
            <Menu DockPanel.Dock="Top">
                <MenuItem Header="TesterContent"/>
            </Menu>
            <Label DockPanel.Dock="Bottom" Width="300" x:Name="label" Height="50" Foreground="Blue" FontSize="24"  Content="{Binding Path=HelloString}"/>
        </DockPanel>
    </Grid>
</UserControl>

ViewModel绑定到上面的视图：

namespace WPFTesting12_2.ViewModel
{
    class DataBoundMVVMChartViewModel : INotifyPropertyChanged
    {
        private string _HelloString;

        public string HelloString
        {
            get { return _HelloString; }
            set 
            {
                _HelloString = value;
                RaisePropertyChanged("HelloString");
            }
        }

        public DataBoundMVVMChartViewModel()
        {
            HelloString = "Hello there from the ViewModel";
        }

        public event PropertyChangedEventHandler PropertyChanged;

        protected void RaisePropertyChanged(string propertyName)
        {
            if (PropertyChanged != null)
                PropertyChanged(this,new System.ComponentModel.PropertyChangedEventArgs(propertyName));
        }
    }
}

好的,现在绑定会在视图中失败,但是颜色的资源会进来.所以我以为我做错了,但后面的代码会立即获得该属性.那我们继续吧

什么工作：

如果我将这四行添加到视图中,就是魔术般的：

将其添加到顶部的“UserControl”段中的声明：

xmlns:local="clr-namespace:WPFTesting12_2.ViewModel"

然后设置对UserControl的DataContext的引用：

<UserControl.DataContext>
        <local:DataBoundMVVMChartViewModel/>
    </UserControl.DataContext>