WPF DataGrid - Databind to DataTable cell in CellTemplates DataTemplate

10,058

The bindings in the template don't work because the DataContext is a DataRowView from the DataTable.

One solution is to change your template to set the DataContext to the object you want (of type A), then all your bindings would work (Name, GroupName, IsSelected). To do that, you will need to make a converter and have your template use it.

The DataContext in the template, is bound to it's DataGridCell ancestor which is passed into the converter. From the cell, we can get the DataContext (DataRowView) and we can get the cell's Column. When we make the column in DataGrid_AutoGeneratingColumn, we set the column's SortMemberPath to e.PropertyName (the column's name in the datatable). In the converter, we lookup the object in the DataRowView.Row using the SortMemberPath as the index. We return this as the DataContext for the template.

Here is the implementation with a class A and class B. I added two columns of each class to my data table to show that it works with multiple instances.

enter image description here

MainWindow.xaml:

<Window x:Class="WpfApplication17.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:viewModel="clr-namespace:WpfApplication17"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <viewModel:DataRowViewConverter x:Key="drvc" />
        <DataTemplate x:Key="ATemplate">
            <RadioButton DataContext="{Binding RelativeSource={RelativeSource AncestorType=DataGridCell}, Converter={StaticResource drvc}}" Content="{Binding Path=Name}" GroupName="{Binding Path=GroupName}" IsChecked="{Binding Path=IsSelected}" />
        </DataTemplate>
        <DataTemplate x:Key="BTemplate">
            <CheckBox DataContext="{Binding RelativeSource={RelativeSource AncestorType=DataGridCell}, Converter={StaticResource drvc}}" Content="{Binding Path=FullName}" IsChecked="{Binding Path=IsChecked}" />
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <DataGrid AutoGenerateColumns="True" ItemsSource="{Binding Items}" AutoGeneratingColumn="DataGrid_AutoGeneratingColumn" CanUserAddRows="False">
        </DataGrid>
    </Grid>
</Window>

MainWindow.xaml.cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
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 WpfApplication17
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public System.Data.DataTable Items { get; set; }

        public MainWindow()
        {
            InitializeComponent();

            System.Data.DataTable dt = new System.Data.DataTable();
            dt.Columns.Add("StringColumn", typeof(string));
            dt.Columns.Add("IntColumn", typeof(int));
            dt.Columns.Add("AColumn1", typeof(A));
            dt.Columns.Add("AColumn2", typeof(A));
            dt.Columns.Add("BColumn1", typeof(B));
            dt.Columns.Add("BColumn2", typeof(B));

            dt.Rows.Add(
                "TestString",
                123,
                new A() { Name = "A1", GroupName = "GroupName", IsSelected = true },
                new A() { Name = "A2", GroupName = "GroupName", IsSelected = false },
                new B() { FullName = "B1", IsChecked=true },
                new B() { FullName = "B2", IsChecked=false }
            );

            Items = dt;
            this.DataContext = this;
        }

        private void DataGrid_AutoGeneratingColumn(object sender, DataGridAutoGeneratingColumnEventArgs e)
        {
            DataTemplate dt = null;
            if (e.PropertyType == typeof(A))
                dt = (DataTemplate)Resources["ATemplate"];
            else if (e.PropertyType == typeof(B))
                dt = (DataTemplate)Resources["BTemplate"];

            if (dt != null)
            {
                DataGridTemplateColumn c = new DataGridTemplateColumn()
                {
                    CellTemplate = dt,
                    Header = e.Column.Header,
                    HeaderTemplate = e.Column.HeaderTemplate,
                    HeaderStringFormat = e.Column.HeaderStringFormat,
                    SortMemberPath = e.PropertyName // this is used to index into the DataRowView so it MUST be the property's name (for this implementation anyways)
                };
                e.Column = c;
            }
        }
    }

    public class A
    {
        public string Name { get; set; }
        public string GroupName { get; set; }
        public bool IsSelected { get; set; }
    }

    public class B
    {
        public string FullName { get; set; }
        public bool IsChecked { get; set; }
    }

    public class DataRowViewConverter : IValueConverter
    {
        #region IValueConverter Members

        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            DataGridCell cell = value as DataGridCell;
            if (cell == null)
                return null;

            System.Data.DataRowView drv = cell.DataContext as System.Data.DataRowView;
            if (drv == null)
                return null;

            return drv.Row[cell.Column.SortMemberPath];
        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            throw new NotImplementedException();
        }

        #endregion
    }
}
Share:
10,058
AxdorphCoder
Author by

AxdorphCoder

Updated on June 19, 2022

Comments

  • AxdorphCoder
    AxdorphCoder almost 2 years

    I have a DataGrid with a DataTable with as ItemsSource. The number of columns differ from time to time. If the DataType of a column is of class A I want to use a DataTemplate to customize the appearance of the cell content.

    I have set

    AutoGenerateColumns="True" 
    

    on the DataGrid so that all columns in the DataTable will be generated.

    I replace the DataGridColumn with a DataGridTemplateColumn if the DataType is of type A

    private void DataGrid_AutoGeneratingColumn(object sender, system.Windows.Controls.DataGridAutoGeneratingColumnEventArgs e)
    {
        if (e.PropertyType == typeof(A))
        {
            e.Column = new DataGridTemplateColumn
            {
                CellTemplate = (DataTemplate)Resources["ATemplate"],
                Header = e.Column.Header,
                HeaderTemplate = e.Column.HeaderTemplate,
                HeaderStringFormat = e.Column.HeaderStringFormat
            };
        }
    }
    

    The DataTemplate looks like this.

    <DataTemplate x:Key="ATemplate">
       <RadioButton Content="{Binding Name}" GroupName="{Binding GroupName}" IsChecked="{Binding IsSelected}" />
    </DataTemplate>
    

    The radiobutton is shown, but I get binding errors for all properties, like

    BindingExpression path error: 'IsSelected' property not found on 'object' ''DataRowView'
    

    Class A looks like this

    public class A
    {
        public string Name { get; set; }
        public string GroupName { get; set; }
        public bool IsSelected { get; set; }
    }
    

    How can i databind the DataTemplate to the right cell and property?

    (If you have a MVVM solution in which I don't have to use DataGrid_AutoGeneratingColumn it would be great)

    EDIT

    I have tried this solution too with no luck. Only the classname is shown in the cell as usual when it doesen't know how to render the class.

    <DataGrid AutoGenerateColumns="True" ItemsSource="{Binding Items}">
       <DataGrid.Resources>
          <DataTemplate DataType="{x:Type viewModel:A}">
             <RadioButton Content="{Binding Path=Name}" GroupName="{Binding Path=GroupName}" IsChecked="{Binding Path=IsSelected}" />
          </DataTemplate>
       </DataGrid.Resources>
    </DataGrid>
    
  • AxdorphCoder
    AxdorphCoder over 9 years
    I had tried everyting you write about but the DataContext binding in the DataTemplate. Thank you soooo much!
  • ThumbGen
    ThumbGen over 7 years
    I think that Binding to the DataGridCell will cause memory leaks (due to static PropertyChangedTracker). Binding to a non-INotifyPropertyChanged source will cause a leak.
  • mpsyp
    mpsyp over 6 years
    How would I go about generating a DataTemplate programmatically in C#?
  • Pseudonymous
    Pseudonymous about 5 years
    You legend. This was exactly my problem four years down the line from your answer. I don't think I would have figured this out on my own. The converter was the main piece I was missing.