从两个不同的视图绑定到数据源。 MVVM,WPF

时间:2018-08-30 16:39:52

标签: c# wpf mvvm binding mvvm-light

这是设置。我有两种不同的WPF视图。 StandardEngineeredView和StandardEngineeredPrintView。我的StandardEngineeredViewModel中有一个名为ModelRevisionList的ObservableCollection。

我正在做的是尝试从两个不同的视图绑定到ModelRevisionList数据源。我将视图的数据上下文设置为相同的视图模型。我的StandardEngineeredView中有一个按钮,可将我导航到StandardEngineeredPrintView。第二个视图实际上仅用于允许某人打印数据。注意,我还有两个其他属性将在两个视图的视图模型中绑定。我只是还没有尝试这样做,因为在尝试绑定到修订列表时,出现以下错误:

  

System.Windows.Markup.XamlParseException     HResult = 0x80131501     Message =“为类型为System.Windows.Controls.ItemCollection的集合添加值”引发了异常。行号“ 204”和行位置“ 55”。     来源= PresentationFramework     堆栈跟踪:      在System.Windows.Markup.WpfXamlLoader.Load(XamlReader xamlReader,IXamlObjectWriterFactory writerFactory,布尔skipJournaledProperties,对象rootObject,XamlObjectWriterSettings设置,Uri baseUri)中      在System.Windows.Markup.WpfXamlLoader.LoadBaml(XamlReader xamlReader,布尔skipJournaledProperties,对象rootObject,XamlAccessLevel访问级别,Uri baseUri)处      在System.Windows.Markup.XamlReader.LoadBaml处(流流,ParserContext parserContext,对象父级,布尔型closeStream)      在System.Windows.Application.LoadComponent(对象组件,Uri resourceLocator)处      在C:\ Users \ eric_obermuller \ source \ repos \ LabelPrinting \ LabelPrinting \ Views \ EngineeringViews \ StandardEngineeredPrintView.xaml:line 1

中的LabelPrinting.Views.EngineeringViews.StandardEngineeredPrintView.InitializeComponent()      

内部异常1:   InvalidOperationException:使用ItemsSource时操作无效。而是使用ItemsControl.ItemsSource访问和修改元素。

相关信息

  • 我正在使用MVVM Light。
  • 我的第一个视图最初绑定到可观察的集合,并且数据正好在视图中显示。
  • 两个视图都使用相同的数据上下文。
  • 当我从视图模型中获得可观察的集合时,就会引发错误。

StandardEngineeredViewModel修订列表

private ObservableCollection<Revision> _ModelRevisionList = new ObservableCollection<Revision>();
public ObservableCollection<Revision> ModelRevisionList
{
    get { return _ModelRevisionList; } //Error thrown here upon get
    set { Set(ref _ModelRevisionList, value); }
}

已绑定的StandarEngineeredView列表框

<ListBox
   BorderBrush="{StaticResource BackgroundBlueBrush}" 
   ItemsSource="{Binding ModelRevisionList}" 
   SelectedItem="{Binding SelectedRevision}"
   DisplayMemberPath="Date" 
   Margin="70 10" 
   MinHeight="150"
   MaxHeight="150"
   ItemStringFormat="{}{0:MM/dd/yyyy}"/>

已绑定的StandardEngineeredPrintView网格视图

<Border Grid.Column="1" MaxHeight="250" MaxWidth="400" MinWidth="400">
    <DataGrid ItemsSource="{Binding ModelRevisionList}" AutoGenerateColumns="False">
        <DataGridTextColumn Header="Date" Binding="{Binding Date}"/>
        <DataGridTextColumn Header="Edited By" Binding="{Binding EditedBy}"/>
        <DataGridTextColumn Header="Description" Binding="{Binding Description}"/>
    </DataGrid>
</Border>
在两个视图中设置的

数据上下文

DataContext="{Binding StandardEngineeredViewInstance, Source={StaticResource Locator}}"

查看模型定位器

 public class ViewModelLocator
{
    /// <summary>
    /// Initializes a new instance of the ViewModelLocator class.
    /// </summary>
    public ViewModelLocator()
    {
        ServiceLocator.SetLocatorProvider(() => SimpleIoc.Default);
        SetupNavigation();

        if (ViewModelBase.IsInDesignModeStatic)
        {
            // Create design time view services and models
            SimpleIoc.Default.Register<IDataAccessService, DataAccessService>();
        }
        else
        {
            // Create run time view services and models

            SimpleIoc.Default.Register<IDataAccessService, DataAccessService>();
        }
    }

    public StandardEngineeredViewModel StandardEngineeredViewInstance
    {
        get
        {
            SimpleIoc.Default.Register<StandardEngineeredViewModel>();
            return ServiceLocator.Current.GetInstance<StandardEngineeredViewModel>();
        }
    }

    public static void Cleanup()
    {
        // TODO Clear the ViewModels
    }
    private static void SetupNavigation()
    {
        SimpleIoc.Default.Unregister<IFrameNavigationService>();
        var navigationService = new FrameNavigationService();
        navigationService.Configure("StandardEngineeredPrintView", new Uri("/Views/EngineeringViews/StandardEngineeredPrintView.xaml", UriKind.Relative));
        SimpleIoc.Default.Register<IFrameNavigationService>(() => navigationService);
    }
}

现在由于错误,我认为这与我导航到StandardEngineeredPrintView之前在StandardEngineeredView中使用可观察的集合有关。您是否可以将两个视图绑定到同一数据源?我在做我不知道的错误事情吗?

我非常感谢您提出的任何建议,如果您想了解更多信息/代码,请直接说

谢谢!

1 个答案:

答案 0 :(得分:0)

好的,解决方案非常简单。我的数据网格设置不正确。我必须将其更改为此:

node_modules

忘记了DataGrid.Columns