多个绑定 ViewModel 到 View MVVM答案

【问题标题】：Multiple binding ViewModel to View MVVM多个绑定 ViewModel 到 View MVVM
【发布时间】：2013-08-29 09:29:38
【问题描述】：

请帮助我理解。我有一个视图PanoramaPage.xaml 和两个PanoramaItem。第一项是来自某个 Web 服务的新闻列表，第二项是该服务的用户列表。新闻和用户不同Models。

查看：

<controls:PanoramaItem Header="users">
                <ListBox Margin="0,0,-12,0">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" Margin="0,0,0,17">                                                             
                                <StackPanel Width="311">                                    
                                    <TextBlock Text="{Binding Name}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                                    <TextBlock Text="{Binding Aboutself}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                                </StackPanel>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
            </controls:PanoramaItem>
        </controls:Panorama>

<controls:PanoramaItem Header="news">            
                    <ListBox Margin="0,0,-12,0">
                        <ListBox.ItemTemplate>
                            <DataTemplate>
                                <StackPanel Margin="0,0,0,17" Width="432" Height="78">
                                    <TextBlock Text="{Binding Title}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                                    <TextBlock Text="{Binding Content}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                                </StackPanel>
                            </DataTemplate>
                        </ListBox.ItemTemplate>
                    </ListBox>
                </controls:PanoramaItem>

在MVVM 下，我应该有两个 ViewModel 用于两个控件 新闻ListBox 和用户ListBox 或一个 ViewModel 用于一个 xaml PanoramaPage.xaml。

PanoramaPageViewModel

public class PanoramaPageViewModel : INotifyPropertyChanged
    {
         private ObservableCollection<User> userDataSource;
         private ObservableCollection<News> newsDataSource;

         public ObservableCollection<User> UserDataSource
         {
            get
            {
               if (this.userDataSource == null)
               {
                   this.userDataSource = new ObservableCollection<User>();
               }
               return this.userDataSource;
            }
         }

         public ObservableCollection<News> NewsDataSource
         {
            get
            {
               if (this.newsDataSource == null)
               {
                   this.newsDataSource = new ObservableCollection<News>();
               }
               return this.newsDataSource;
            }
         }

         // LoadUsers(), LoadNews(), etc
    }

或

UsersViewModel

public class UsersViewModel : INotifyPropertyChanged
        {
             private ObservableCollection<User> userDataSource;          

             public ObservableCollection<User> UserDataSource
             {
                get
                {
                   if (this.userDataSource == null)
                   {
                       this.userDataSource = new ObservableCollection<User>();
                   }
                   return this.userDataSource;
                }
             }
             //LoadUsers() etc 
         }

NewsViewModel

public class NewsViewModel : INotifyPropertyChanged
        {
             private ObservableCollection<News> newsDataSource;          

             public ObservableCollection<News> NewsDataSource
             {
                get
                {
                   if (this.newsDataSource == null)
                   {
                       this.newsDataSource = new ObservableCollection<News>();
                   }
                   return this.newsDataSource;
                }
             }
             //LoadNews() etc 
         }

你怎么看？

【问题讨论】：

标签： wpf xaml windows-phone-7 data-binding mvvm

【解决方案1】：

单一视图模型。并非每个视图控件都有自己的视图模型。您将 ViewModel 设置为整个视图的 DataContext。即使您使用两个视图模型，您也需要拥有包含这两个视图模型实例的父视图模型。这个父视图模型将作为整个视图的数据上下文，子控件会将它们的数据上下文设置为这些子视图模型，因此您还必须更改绑定。

但是单视图单视图模型就是 mvvm。

谢谢

【讨论】：

谢谢@nit！一个令人信服的答案。