如何使用列表在列中显示一个人的信息？

Question

我正在使用 c# 和 xaml 开发一个 Silverlight 应用程序。我必须显示如下信息：

SerialNumber  FirstName LastName
s0             ss1       ss1L
s1             ss2       ss2L 

其中s0 ss1 ss1L 和 s1 ss2 ss2L 必须是 List。

xaml 代码有点像这样：

<UserControl x:Class="DEV_CENTER.ProgramGrid"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"
             xmlns:dataprimitives="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows.Controls.Data"
    xmlns:vm="clr-namespace:ViewModel;assembly=ViewModel"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400">
    <UserControl.Resources>
        <vm:ProgramViewModel x:Key="ProgramViewModel"/>
    </UserControl.Resources>
    <data:DataGrid Grid.Row="0" x:Name="gridPrograms" AutoGenerateColumns="False" ItemsSource="{Binding Path=Ssss1 }" IsReadOnly="True"  DataContext="{StaticResource ProgramViewModel}" >
        <data:DataGrid.Columns>
            <data:DataGridTextColumn Header="SerialNumber" Binding="{Binding Path=sss1}" Width="2*"></data:DataGridTextColumn>
        <data:DataGridTextColumn Header="FirstName" Binding="{Binding Path=sss2}" Width="2*"></data:DataGridTextColumn>
            <data:DataGridTextColumn Header="LastName" Binding="{Binding Path=sss3}" Width="3*"></data:DataGridTextColumn>               
        </data:DataGrid.Columns>
    </data:DataGrid>
</UserControl>

现在我应该如何在 c# 中编码以实现我在 ViewModel 和 Model 中提出的要求？

我确定一定是这样的：如果我错了，请纠正我？

public List<Program> getAllPrograms()
        {
            List<Program> programs = new List<Program>();
            Program p1 = new Program();
            p1.SerialNumber= "ss0";
            p1.FirstName = "ss1";
            p1.LastName= "ss1L";
            Program p2 = new Program();
            p2.SerialNumber= "Program 2";
            p2.FirstName = "ss1";
            p2.LastName= "ss2L";
            programs.Add(p1);
            programs.Add(p2);
            programs.Add(p3);
            return programs;
        }

请帮助我使用 mvvm 实现我的目标。

Answer 1

更新二：

回复您的评论：

1. ObservableCollection 有构造函数which accept List 或IEnumerable 作为参数。
2. 在 WPF 中测试了代码，在 XAML 部分中进行了最轻微的修改，对我来说工作正常。如下图所示的两行。

---

假设您在ProgramViewModel 中有一个属性Programs：

public ObservableCollection<Program> Programs { get; set; }

在viewmodel的构造函数中初始化：

Programs = new ObservableCollection<Program>(getAllPrograms());

您可以将DataGrid的ItemsSource绑定到Programs属性，并将每一列绑定到Program的对应属性：

<data:DataGrid Grid.Row="0" x:Name="gridPrograms" AutoGenerateColumns="False" 
               ItemsSource="{Binding Programs}" IsReadOnly="True"  
               DataContext="{StaticResource ProgramViewModel}" >
    <data:DataGrid.Columns>
        <data:DataGridTextColumn Header="SerialNumber" Binding="{Binding SerialNumber}" Width="2*"></data:DataGridTextColumn>
        <data:DataGridTextColumn Header="FirstName" Binding="{Binding FirstName}" Width="2*"></data:DataGridTextColumn>
        <data:DataGridTextColumn Header="LastName" Binding="{Binding LastName}" Width="3*"></data:DataGridTextColumn>               
    </data:DataGrid.Columns>
</data:DataGrid>

请注意，绑定仅适用于公共属性而不是字段/成员，因此请确保 SerialNumber、FirstName 和 LastName 是公共属性。

下一步，查看INotifyPropertyChanged 接口。

更新：

//viewmodel
public class ProgramViewModel
{
    public ObservableCollection<Program> Programs { get; set; }

    public ProgramViewModel()
    {
        Programs = new ObservableCollection<Program>(getAllPrograms());
    }

    public List<Program> getAllPrograms()
    {
        List<Program> programs = new List<Program>();
        Program p1 = new Program();
        p1.SerialNumber= "ss0";
        p1.FirstName = "ss1";
        p1.LastName= "ss1L";
        Program p2 = new Program();
        p2.SerialNumber= "Program 2";
        p2.FirstName = "ss1";
        p2.LastName= "ss2L";
        programs.Add(p1);
        programs.Add(p2);
        return programs;
    }
}

//model
public class Program
{
    public string SerialNumber { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }
}

//view
<Page.Resources>
    <vm:ProgramViewModel x:Key="ProgramViewModel"/>
</Page.Resources>
<Grid>
    <data:DataGrid Grid.Row="0" x:Name="gridPrograms" AutoGenerateColumns="False" 
               ItemsSource="{Binding Programs}" IsReadOnly="True"  
               DataContext="{StaticResource ProgramViewModel}" >
        <data:DataGrid.Columns>
            <data:DataGridTextColumn Header="SerialNumber" Binding="{Binding SerialNumber}" Width="2*"></data:DataGridTextColumn>
            <data:DataGridTextColumn Header="FirstName" Binding="{Binding FirstName}" Width="2*"></data:DataGridTextColumn>
            <data:DataGridTextColumn Header="LastName" Binding="{Binding LastName}" Width="3*"></data:DataGridTextColumn>               
        </data:DataGrid.Columns>
    </data:DataGrid>
</Grid>