2013-07-09 62 views
0

我需要一些关于我的第一个MVVM WPF应用程序的帮助。我想在我的主窗口上链接两个视图。这里的情况:WPF MVVM链接视图

我有,例如这两个的ViewModels:

- PersonDetailViewModel 
- PersonListViewModel 

PersonListViewModel包含:
- 一个PersonDetailViewMode L的作为通过名为"SelectedPerson"公共属性进行访问 - 的PersonDetailViewModels叫人
ObservableCollection

我也创建了两个视图:
PersonListView,它列出了数据网格中的所有人员。
PersonDetailView,这只是一堆绑定到viewmodelPersonDetailViewModel的标签和文本框。

我想在我的MainWindow上一起使用这两个。但我不知道如何使这项工作! 这是我到目前为止有:

PersonListView.xaml

<UserControl x:Class="DSS.View.PersonListView" 
     ... 
     xmlns:myViewModels="clr-namespace:DSS.ViewModel"> 
<UserControl.DataContext> 
    <myViewModels:PersonListViewModel/> 
</UserControl.DataContext> 
    <Grid> 
    <DataGrid x:Name="dgPeople" ItemsSource="{Binding People}" AutoGenerateColumns="False" IsReadOnly="True" ColumnWidth="*" 
       SelectedItem="{Binding SelectedPerson}"> 
     <DataGrid.Columns> 
      <DataGridTextColumn Header="PersonId" Binding="{Binding PersonId}" Visibility="Hidden"/> 
      <DataGridTextColumn Header="Firstname" Binding="{Binding Firstname}"/> 
      <DataGridTextColumn Header="Lastname" Binding="{Binding Lastname}"/> 
      ... 
     </DataGrid.Columns> 
    </DataGrid> 
</Grid> 

PersonDetailView.xaml:

<UserControl x:Class="DSS_CV.View.PersonDetailView" 
     ... 
     xmlns:myViewModels="clr-namespace:DSS.ViewModel"> 
<UserControl.DataContext> 
    <myViewModels:PersonDetailViewModel/> 
</UserControl.DataContext>   
<Grid> 
    <Grid.ColumnDefinitions>... </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions>...</Grid.RowDefinitions> 
    <Label Grid.Row="0" Grid.Column="0">Firstname:</Label> 
    <TextBox Grid.Row="0" Grid.Column="1" x:Name="txtFirstName" Text="{Binding Path=Firstname}"></TextBox> 
    <Label Grid.Row="1" Grid.Column="0">Lastname:</Label> 
    <TextBox Grid.Row="1" Grid.Column="1" x:Name="txtLastName" Text="{Binding Path=Lastname}"></TextBox> 
    <Label Grid.Row="2" Grid.Column="0">Birthdate:</Label> 
    <TextBox Grid.Row="2" Grid.Column="1" x:Name="txtBirtDate" Text="{Binding Path=DateOfBirth}"></TextBox> 
    ...   
    <WrapPanel Grid.Row="7" Grid.ColumnSpan="5"> 
     <Button>Update</Button> 
     <Button>Insert As New</Button> 
    </WrapPanel> 
</Grid> 

现在,我想结合/链接这些用户控制在一个窗口中,因此它们以一种方式一起工作从datagrid中获取一行允许编辑其他用户控件中的详细信息。

MainWindow.xaml:

<Window x:Class="DSS_CV.MainWindow" 
    ... 
    xmlns:myViews="clr-namespace:DSS_CV.View"> 
    <Grid> 
     <myViews:PersonListView x:Name="dgPersons" Grid.Row="0" Grid.Column="0"/> 
     <myViews:PersonDetailView Grid.Row="1" Grid.Column="0" DataContext="{Binding dgPersons.SelectedPerson, Mode=TwoWay}"/> 
    </Grid> 
</Window> 

INotifyPropertyChanged到处实现在我的课和选择不同的行PersonListView正确地更新其财产SelectedPerson。现在我看不到如何将PersonDetailView的datacontext绑定到SelectedPerson。如果有人能帮助我。

回答

1

变化

<myViews:PersonDetailView Grid.Row="1" Grid.Column="0" DataContext="{Binding dgPersons.SelectedPerson, Mode=TwoWay}"/> 

<myViews:PersonDetailView Grid.Row="1" Grid.Column="0" DataContext="{Binding Path=DataContext.SelectedPerson ElementName=dgPersons, Mode=TwoWay}"/> 
+0

感谢您的帮助!它现在有效! – user2135342

+0

没问题!如果它解决了你的问题,你可以将其标记为已解决。 –