WPF DataGrid programmatically add complex columns

Question

I'm trying to add columns to my DataGrid programmatically as they're not known until run-time. I've got most of the way there and adding a "normal" column from the code behind isn't a problem. However the column I'm trying to add now has a DataTemplate. Here's the XAML:

<DataGridTemplateColumn Header="{Binding colHeader}">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Border BorderBrush="{Binding BorderColour}" BorderThickness="2">
                <TextBlock Text="{Binding TextInfo}" />
            </Border>
        </DataTemplate>
     </DataGridTemplateColumn.CellTemplate>
 </DataGridTemplateColumn>

Normally I'd use something like this to create a column to add to the grid:

Private Function AddColumn(colHeader As String, colBinding As String) As DataGridColumn
    Dim textColumn As New DataGridTextColumn()
    textColumn.Header = colHeader
    textColumn.Binding = New Binding(colBinding)
    Return textColumn
End Sub

But I'm stumped as to how to add the more complex XAML. Any suggestions?

Thanks for any help!

Sisyphe · Accepted Answer · 2012-12-04 11:17:56Z

5

Define the DataTemplate of your column in a resource dictionary with a x:Key property then access it in your code behind to set your cell template.

<DataTemplate x:Key="your_data_template">
    <Border BorderBrush="{Binding BorderColour}" BorderThickness="2">
        <TextBlock Text="{Binding TextInfo}" />
    </Border>
</DataTemplate>

Then in the code behind

textColumn.CellTemplate = Application.Current.FindResource("your_data_template") as DataTemplate

answered Dec 4, 2012 at 11:17

Sisyphe

4,6601 gold badge27 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sai · Accepted Answer · 2012-12-04 12:18:04Z

0

Refer link: http://blogs.msdn.com/b/scmorris/archive/2008/04/14/defining-silverlight-datagrid-columns-at-runtime.aspx

Code snippet is from above link:(this is one way of doing that.Otherway is also explained in that link)

Xaml:

<UserControl.Resources>
<local:DateTimeConverter x:Key="DateConverter" />

<DataTemplate x:Key="myCellTemplate">
    <TextBlock 
        Text="{Binding Birthday, 
        Converter={StaticResource DateConverter}}" 
        Margin="4"/>
</DataTemplate>

<DataTemplate x:Key="myCellEditingTemplate">
    <basics:DatePicker 
        SelectedDate="{Binding Birthday, Mode=TwoWay}" />
</DataTemplate>

Code Behind:

DataGridTemplateColumn templateColumn = new DataGridTemplateColumn();
templateColumn.Header = "Birthday";
templateColumn.CellTemplate = (DataTemplate)Resources["myCellTemplate"];
templateColumn.CellEditingTemplate = 
                   (DataTemplate)Resources["myCellEditingTemplate"];
targetDataGrid.Columns.Add(templateColumn);

answered Dec 4, 2012 at 12:18

Sai

1767 bronze badges

1 Comment

Sisyphe Over a year ago

What's the point of giving the exact same answer as mine ? If you wanted to give the link (which is interresting), a simple comment on my answer was enough.

Collectives™ on Stack Overflow

WPF DataGrid programmatically add complex columns

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related