如何使用MVVM模式填充数据库中的ListView？

Question

如何使用MVVM模式填充数据库中的ListView？我更喜欢EntityFramework，但是目前我正在使用SQLAdapter来完成此工作，所以我已经对工作解决方案感到满意。

我有一个类库，我称之为Models。该库包含一个名为ProjectCompletedModel.vb的类

Public Class ProjectCompletedModel 

    ' Read this article if the Auto-Implemented Properties do not match your needs: 
    ' https://msdn.microsoft.com/de-de/library/dd293589.aspx 

    ''' <summary> 
    ''' Get or set the project number. 
    ''' </summary> 
    ''' <value>Set the project number</value> 
    ''' <returns>Get the project number</returns> 
    ''' <remarks></remarks> 
    Public Property ProjectNumber As String 

    ''' <summary> 
    ''' Get or set the project name. 
    ''' </summary> 
    ''' <value>Set the project name</value> 
    ''' <returns>Get the project name</returns> 
    ''' <remarks></remarks> 
    Public Property ProjectName As String 

    ''' <summary> 
    ''' Get or set the customer name. 
    ''' </summary> 
    ''' <value>Set the customer name</value> 
    ''' <returns>Get the customer name</returns> 
    ''' <remarks></remarks> 
    Public Property CustomerName As String 
End Class 

接下来我有一个类库lib ViewModels。它包含的类ProjectCompletedViewModel.vb

Imports System.Collections.ObjectModel 

Public Class ProjectCompletedViewModel 

    Private projCompleted As New Models.ProjectCompletedModel 

    Public Property Projects As ObservableCollection(Of Models.ProjectCompletedModel) 

    Public Property ProjectNumber As String 
     Get 
      Return Me.projCompleted.ProjectNumber 
     End Get 
     Set(value As String) 
      Me.projCompleted.ProjectNumber = value 
     End Set 
    End Property 

    Public Property ProjectName As String 
     Get 
      Return Me.projCompleted.ProjectName 
     End Get 
     Set(value As String) 
      Me.projCompleted.ProjectName = value 
     End Set 
    End Property 

    Public Property CustomerName As String 
     Get 
      Return Me.projCompleted.CustomerName 
     End Get 
     Set(value As String) 
      Me.projCompleted.CustomerName = value 
     End Set 
    End Property 
End Class 

我的观点的代码是如下因素：

<UserControl x:Class="ProjectCompletedView" 
      x:Name="WpfUserControl1" 
      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:vm="clr-namespace:ViewModels;assembly=ViewModels" 
      mc:Ignorable="d" 
      d:designheight="400" d:designwidth="400" Background="#D7E4F2" d:DesignWidth="918" d:DesignHeight="478" 
      > 

    <UserControl.Resources> 
     <vm:ProjectCompletedViewModel x:Key="projComplObj"/> 
    </UserControl.Resources> 

    <UserControl.DataContext> 
     <vm:ProjectCompletedViewModel/> 
    </UserControl.DataContext> 

    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="1*"/> 
      <ColumnDefinition Width="2*"/> 
     </Grid.ColumnDefinitions> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="1*"/> 
      <RowDefinition Height="3*"/> 
     </Grid.RowDefinitions> 

     <ListView x:Name="lvProjects" Grid.ColumnSpan="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="0,52,0,0" Grid.RowSpan="2"> 

      <!-- Define the column names --> 
      <ListView.View> 
       <GridView> 
        <GridViewColumn Header="ProjectNumber" Width="100" DisplayMemberBinding="{Binding ProjectNumber}"/> 
        <GridViewColumn Header="ProjectName" Width="100" DisplayMemberBinding="{Binding ProjectName}"/> 
        <GridViewColumn Header="Customer" Width="100" DisplayMemberBinding="{Binding CustomerName}"/> 
       </GridView>     
      </ListView.View>    
     </ListView> 
    </Grid> 
</UserControl> 

这导致由.xaml.vb的构造函数中添加一些硬编码值以下的设计文件。

Me.lvProjects.Items.Add(New ViewModels.ProjectCompletedViewModel() With {.ProjectNumber = "", 
                           .ProjectName = "Alpha", 
                           .CustomerName = "AlphaCustomer"}) 

的目标是集团客户或者这就是为什么我想用一个ListView工作的任何列。没关系分组我已经有了代码，我的第一个问题是从DataBase加载MVVM的ListView。

我的应用程序引用了ViewModels。 ViewModels有一个对Models的引用。

是这样的：

我能够通过生成一个DataTable和分配DataTable.DefaultView到ListView.ItemSource以填补代码隐藏ListView控件。通过使用“DisplayMemberBinding = {Binding TableName}”选项，我可以非常快速简单地显示数据。但我想保持它的可重用性和可维护性。 => MVVM。

Answer 1

你有一个良好的开端MVVM。你应该理解的一件事是用于WPF的DataContext和DataBinding的概念。

可重用性，我通常使用的视图的数据绑定（你可以绑定您的视图模型来控制，但我更喜欢使用一个ViewModel用于包括用于控制的ViewModels视图...）

在代码视图的背后，我使用DataContext为我的视图提供了一个上下文。 ViewModel包含将被绑定的ObservableCollections。

// C# 
base.DataContext = ViewModel; 
// VB.Net 
Me.DataContext = ViewModel; 

我猜你已经有约束力的，因为你有

<UserControl.DataContext> 
    <vm:ProjectCompletedViewModel/> 
</UserControl.DataContext> 

在此之后视图查看模型结合，我可以给一个绑定到我的ListView！

<ListView ItemsSource="{Binding MyJokers}" 
    [...] /> 

MyJokers实际上是我在我的ViewModel属性的名称（注意属性必须设置好的公共）

public ObservableCollection<JokerViewModel> MyJokers 
{ 
    get { return _myCollection; } 
    private set { _myCollection = value; } 
} 

然后，您可以绑定你ListViewItems这个视图模型的公共属性（自ListView将包含sub-ViewModel子项）。如果需要，您可以使用ItemTemplate自定义您的ListViewItems。

有了这个绑定，你可以很容易地修改你的ListView和ViewModel。

Answer 2

您必须设置这样的ListView控件：

<ListView Grid.ColumnSpan="2" HorizontalAlignment="Stretch" 
    VerticalAlignment="Stretch" Margin="0,52,0,0" 
    Grid.RowSpan="2" ItemsSource="{Binding Projects}"> 

ListView控件的ItemsSource属性必须设置为视图模型的公共财产项目。现在从视图模型中，您可以使用您的数据填充并填充ObservableCollection（Of Models.ProjectCompletedModel）。

可以删除资源：

<UserControl.Resources> 
    <vm:ProjectCompletedViewModel x:Key="projComplObj"/> 
</UserControl.Resources>