c# - ejemplo - ¿Cómo puedo vincular una Lista<CustomObject> a una WPF DataGrid?

wpf datagrid columns

Question

Soy nuevo en WPF y quiero hacer algunos enlaces de datos básicos. Tengo una Lista de un CustomObject y quiero vincularlo a un DataGrid.

MainWindow.xaml.cs

   using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Text;
    using System.Windows;
    using System.Windows.Controls;
    using System.Windows.Data;
    using System.Windows.Documents;
    using System.Windows.Input;
    using System.Windows.Media;
    using System.Windows.Media.Imaging;
    using System.Windows.Navigation;
    using System.Windows.Shapes;

    namespace WpfApplication1
    {
        /// <summary>
        /// Interaction logic for MainWindow.xaml
        /// </summary>
        public partial class MainWindow : Window
        {
            public MainWindow()
            {
                InitializeComponent();
                List<ArticleItem> list = new List<ArticleItem>() 
                {
                new ArticleItem(){ ID=3, Title="test", ViewCount=5},
                new ArticleItem(){ ID=3, Title="test", ViewCount=5},
                new ArticleItem(){ ID=3, Title="test", ViewCount=5},
                new ArticleItem(){ ID=3, Title="test", ViewCount=5},
                };
            }
        }

        public class ArticleItem 
        {
            public int ID { get; set; }
            public int ViewCount { get; set; }
            public String Title { get; set; }
        }
    }

Así es como se ve mi grilla:

<DataGrid Height="179" HorizontalAlignment="Left" Margin="54,65,0,0" Name="dataGrid1" VerticalAlignment="Top" Width="382">
    <DataGrid.Columns>
        <DataGridTextColumn Header="ID"/>
            <DataGridTextColumn Header="ViewCount" />
        <DataGridTextColumn Header="Title" />
    </DataGrid.Columns>
</DataGrid>

Estoy acostumbrado a la vinculación de datos de ASP.Net, donde puedo decir fácilmente:

this.dataGrid1.DataSource = list;

¿Cómo debo proceder en WPF?

Answer 1

Deberías hacerlo en el código xaml:

<DataGrid ItemsSource="{Binding list}" [...]>
  [...]
</DataGrid>

Le aconsejo que use un ObservableCollection como su colección de respaldo, ya que eso propagaría los cambios en la cuadrícula de datos, ya que implementa INotifyCollectionChanged .

Answer 2

En realidad, para admitir correctamente la clasificación, el filtrado, etc., se debe usar un CollectionViewSource como un enlace entre el DataGrid y la lista, como este:

<Window.Resources>
  <CollectionViewSource x:Key="ItemCollectionViewSource" CollectionViewType="ListCollectionView"/>
</Window.Resources>   

La línea DataGrid se ve así:

<DataGrid
  DataContext="{StaticResource ItemCollectionViewSource}"
  ItemsSource="{Binding}"
  AutoGenerateColumns="False">  

En el código subyacente, vincula CollectionViewSource con su enlace.

CollectionViewSource itemCollectionViewSource;
itemCollectionViewSource = (CollectionViewSource)(FindResource("ItemCollectionViewSource"));
itemCollectionViewSource.Source = itemList;

Para ver un ejemplo detallado, consulte mi artículo sobre CoedProject: http://www.codeproject.com/Articles/683429/Guide-to-WPF-DataGrid-formatting-using-bindings

Answer 3

No necesita dar nombres de columna manualmente en xaml. Simplemente configure la propiedad AutoGenerateColumns como verdadera y su lista se vinculará automáticamente a DataGrid. referir el código. Código XAML:

<Grid>
    <DataGrid x:Name="MyDatagrid" AutoGenerateColumns="True" Height="447" HorizontalAlignment="Left" Margin="20,85,0,0" VerticalAlignment="Top" Width="799"  ItemsSource="{Binding Path=ListTest, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"  CanUserAddRows="False"> </Grid>

DO#

Public Class Test 
{
    public string m_field1_Test{get;set;}
    public string m_field2_Test { get; set; }
    public Test()
    {
        m_field1_Test = "field1";
        m_field2_Test = "field2";
    }
    public MainWindow()
    {

        listTest = new List<Test>();

        for (int i = 0; i < 10; i++)
        {
            obj = new Test();
            listTest.Add(obj);

        }

        this.MyDatagrid.ItemsSource = ListTest;

        InitializeComponent();

    }

Answer 4

Si no espera que se vuelva a crear su list , puede usar el mismo enfoque que utilizó para Asp.Net (en lugar de DataSource esta propiedad en WPF generalmente se denomina ItemsSource ):

this.dataGrid1.ItemsSource = list;

Pero si desea reemplazar su list con una nueva instancia de recopilación, debería considerar el uso de databinding .