How to bind TextBlock.Text in DataGridCell template using ItemsSource

user_9725682 0
Viewed 395

I want to have DataGridCell with text and image.
Currently, my code looks like that

XAML: 

<DataGrid Name="myDataGrid" CellStyle="{StaticResource myCellStyle}" />

Style:

<Style x:Key="myCellStyle" TargetType="DataGridCell">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate>
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="{Binding}"/>
                    <Image/>
                </StackPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

C#:

myDataGrid.ItemsSource = myDataTable.DefaultView;

The question is:
How to bind text to a TextBlock using ItemsSource?

datagrid xaml wpf c#
2 Answers

You must do couple of things to fix it

First, set 'AutoGenerateColumns' to true

<DataGrid CellStyle="{StaticResource myCellStyle}" AutoGenerateColumns="True">

Next in your cell style

<Style x:Key="myCellStyle" TargetType="DataGridCell">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type DataGridCell}">
                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="{Binding RelativeSource={RelativeSource TemplatedParent}, 
                        Path=Content.Text}"/>
                    <Image/>
                </StackPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Hope this helps.

user_12885450

This assumes that myDataTable.DefaultView is a list of some objects(class instances).

So when the grid gets its ItemsSource set, it will then will present each row with one of the items from the list. So the binding to be specified will be a property/properties on the class.

So taking from your example template, if it is bound to a hypothetical list of person classes with FirstName and LastName on the class instance, one could set the template to bind to use those properties for each row like this:

 <StackPanel Orientation="Horizontal">
       <TextBlock Text="{Binding FirstName}"/>
       <TextBlock Text="{Binding LastName}"/>
       <Image/>
  </StackPanel>
user_2857950
Related