CodeGo.net>如何使用XAML将DataGrid绑定到CollectionViewSource

我有一个数据网格,它绑定到一个collectionviewsource,它绑定到一个observablecollection.在遵循指南的过程中,我将其设置如下:

我的人物课程:

public class Persons : ObservableCollection<Person>
{
    //...
}

xaml数据绑定:

<Window.Resources>
    <local:Persons x:Key="_Persons"/>
    <CollectionViewSource x:Key="cvsPersons" Source="{StaticResource _Persons}" />                       
</Window.Resources>

数据网格绑定:

 <DataGrid x:Name="myDataGrid" ItemsSource="{Binding Source={StaticResource cvsPersons}}"/>

后面的代码:

_Persons = (Persons)this.Resources["_Persons"];
_persons = //some method to fill perons;
cvsPersons = (CollectionViewSource)this.Resources["cvsPersons"];             
cvsPersons.Source = _Persons;

以上作品.我的问题是,为什么我需要在后面使用cvsPersons.Source = _Persons;在代码中设置collectionviewsource.source?我以为我的第一段代码中的xaml可以完成这项工作:

_cvsPersons.Source = _Persons;  

如果我需要所有这些代码,那么xaml数据绑定代码似乎没什么用,我也可以在代码中做所有事情.根据我的(也许很少)理解,后面代码中唯一需要的代码是引用xaml设置的实例,即:

_Persons = (Persons)this.Resources["_Persons"];
_persons = //some method to fill perons;
cvsPersons = (CollectionViewSource)this.Resources["cvsPersons"];

如果我没有_cvsPersons.Source = _Persons;那么我的数据网格将不会被填充.我的xaml不能正常工作.我想我的问题更多与概念有关.

解决方法:

为了避免代码落后,您应该使用MVVM模式MVVM Model View ViewModel .可能的解决方案可以是“ Person”(充当Model),如下所示:

public class Person
{
    public string Name { get; set; }
    public int Age { get; set; }
}

您可以实现一个ViewModel,用一个ObservableCollection of Persons初始化一个属性.

public class ViewModel
{
    public ObservableCollection<Person> Persons { get; set; }

    public ViewModel()
    {
        Persons = new ObservableCollection<Person>();
    }
}

您的MainWindow.cs现在必须初始化ViewModel:

public partial class MainWindow : Window
{
    public ViewModel ViewModel;

    public MainWindow()
    {
        ViewModel = new ViewModel();

        ViewModel.Persons.Add(new Person
        {
            Age = 29,
            Name = "Mustermann"
        });

        ViewModel.Persons.Add(new Person
        {
            Age = 35,
            Name = "Meyer"
        });

        this.DataContext = ViewModel;

        InitializeComponent();
    }

将DataContext设置为ViewModel对象很重要.我添加了一个Button和一个添加Person的方法.

    private void AddPersonOnClick(object sender, RoutedEventArgs e)
    {
        ViewModel.Persons.Add(new Person
        {
            Age = 55,
            Name = "Sand"
        });
    }

现在,您可以在XAML中实例化CollectionViewSource并将其绑定到ViewModel中的Persons ObservableCollection属性.

<Window x:Class="DataGrid*.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Window.Resources>
    <CollectionViewSource x:Key="PersonsCollectionViewSource" Source="{Binding Persons}" />
</Window.Resources>

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <DataGrid Grid.Row="0" ItemsSource="{Binding Source={StaticResource PersonsCollectionViewSource}}" />
    <Button x:Name="AddPerson" Grid.Row="1" Click="AddPersonOnClick" HorizontalAlignment="Left">Add Person</Button>
</Grid>

最后,您必须在将ItemsSource发布到CollectionViewSource时对其进行设置,它的工作方式就像一个超级按钮.

编辑

我尝试了您的解决方案,它也正在工作. MainWindow.xaml:

    <Window.Resources>
    <dataGrid*:Persons x:Key="Persons" />
    <CollectionViewSource x:Key="PersonsCollectionViewSource" Source="{StaticResource Persons}" />
</Window.Resources>

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
        <RowDefinition Height="Auto" />
    </Grid.RowDefinitions>

    <DataGrid Grid.Row="0" ItemsSource="{Binding Source={StaticResource PersonsCollectionViewSource}}" />
    <Button x:Name="AddPerson" Grid.Row="1" Click="AddPersonOnClick" HorizontalAlignment="Left">Add Person</Button>
</Grid>

而且重要的是在InitializeComponent()之后初始化Persons集合. MainWindow.cs

        InitializeComponent();
        Persons persons = (Persons)this.FindResource("Persons");

        persons.Add(new Person
        {
            Age = 23,
            Name = "Dude"
        });

此解决方案无需使用代码隐藏构造即可设置ItemsSource.

上一篇:javascript-从网格ExtJs 4获取行


下一篇:绑定时Wpf Datagrid不显示一列