如何使用 Caliburn.Micro 将容器绑定到 MVVM 标准中的列表视图控件

本文关键字：标准 MVVM 列表 控件 视图 绑定 Caliburn 何使用 Micro | 更新日期: 2023-09-27 18:31:48

我正在使用MVVM（C#）编写一个程序，并使用Caliburn.Micro库编写XAML。

我想知道如何将我的 Listview 控件与某些容器（如 List<Type>、IEnumerable<Type> 或 ObservableCollection< Type>）绑定？

视图

''主视图.xaml

<ListView Grid.Column="1" x:Name="FileListView" ItemsSource="{Binding ListOfFile}" VerticalAlignment="Stretch" HorizontalContentAlignment="Stretch" Margin="10" Background="#FFE6EEF7">
    <ListView.View>
        <GridView>
            <GridViewColumn Header="Status" Width="100" /> 
            <GridViewColumn Header="Name" Width="85" />
            <GridViewColumn Header="Size" Width="100" />
            <GridViewColumn Header="System Type" Width="100" />
            <GridViewColumn Header="Email Count" Width="100" />
            <GridViewColumn Header="Info Count" Width="100" />
        </GridView>
    </ListView.View>
</ListView>
视图模型

''主视图模型.cs

namespace ListBox_CaliburnMicro
{
    public class MainViewModel : Screen
    {
        // ...
        public MainViewModel()
        {
        }
        public class FileItem
        {
            public string FileStatus { get; private set; }
            public string FileName { get; private set; }
            public string FileSize { get; private set; }
            public string FileType { get; private set; }
            public string FileEmailCount { get; private set; }
            public string FileInfoCount { get; private set; }
            public FileItem(string s1 = "", string s2 = "", string s3 = "", string s4 = "", string s5 = "", string s6 = "")
            {
                FileStatus = s1;
                FileName = s2;
                FileSize = s3;
                FileType = s4;
                FileEmailCount = s5;
                FileInfoCount = s6;
            }
        }
    }
}

如何使用 Caliburn.Micro 将容器绑定到 MVVM 标准中的列表视图控件

首先，应在 XAML 中为属性编写标记。让我们想象一下你拥有：

型：

public class Person
{
    public int IdPerson { get; set; }
    public string Name { get; set; }
    public string SurName { get; set; }
}

视图模型：

public class MainWindowViewModel : INotifyPropertyChanged
{
    public MainWindowViewModel()
    {
        FillData();
    }
    private void FillData()
    {
        persons = new ObservableCollection<Person>();
        for (int i = 0; i < 30; i++)
        {
            persons.Add(new Person() { IdPerson = i, Name = "Ben & Joseph " + i.ToString(), SurName = "Albahari" });
        }   
    }
    private ObservableCollection<Person> persons;
    public ObservableCollection<Person> Persons
    {
        get { return persons; }
        set { persons = value;                
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    public void OnPropertyChanged(string propertyName)
    {
        if(PropertyChanged!=null)
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
    }
}

更新：

XAML：

<Window x:Class="SOWpfApplication.MainWindow"
    ...the code omitted for the brevirt...
    xmlns:vm="clr-namespace:SOWpfApplication.ViewModel"
    Title="MainWindow" Height="750" Width="925" WindowStartupLocation="CenterScreen">
<Window.DataContext>
    <vm:MainWindowViewModel/>
</Window.DataContext>
    <ListView ItemsSource="{Binding Path=Persons}">
        <ListView.View>
          <GridView>
              <GridViewColumn Header="ID" Width="Auto" 
                   DisplayMemberBinding="{Binding IdPerson}" >
               </GridViewColumn>
               <GridViewColumn DisplayMemberBinding="{Binding Name}" 
                   Header="Name" Width="Auto"/>
               <GridViewColumn DisplayMemberBinding="{Binding SurName}" 
               Header="Price" Width="Auto"/>          
          </GridView>
       </ListView.View>
    </ListView>
</Window>
相关文章：