DataGridComboBoxColumn how to display multiple fields?

Question

I would like to display more than one filed in my DataGridComboBoxColumn as it is possible with a normal Combobox. For example I would like to display the Currency Code and its Currency description or an Account Code with its description in order to help the user to select the right code.
Thanks in advance for your answers.

Answer 1

For binding multiple properties to DataGridComboBoxColumn, you could refer to the following soltution.

Xaml:

       <DataGrid x:Name="dg" ItemsSource="{Binding MyDatas}" AutoGenerateColumns="False">  
                <DataGrid.Columns>  
                    <DataGridTextColumn Header="Name" Binding="{Binding Name}"/>  
                    <DataGridTextColumn Header="Num" Binding="{Binding Num}"/>  
                    <DataGridTemplateColumn Header="ComboBoxDatas">  
                        <DataGridTemplateColumn.CellTemplate>  
                            <DataTemplate>  
                                <ComboBox SelectedValue="{Binding Index}" SelectedValuePath="Index" HorizontalContentAlignment="Stretch"   
                                          ItemsSource="{Binding ComboboxDatas}">  
                                    <ComboBox.ItemContainerStyle>  
                                        <Style TargetType="{x:Type ComboBoxItem}">  
                                            <Setter Property="Template">  
                                                <Setter.Value>  
                                                    <ControlTemplate>  
                                                        <Grid>  
                                                            <Grid.ColumnDefinitions>  
                                                                <ColumnDefinition Width="Auto"/>  
                                                                <ColumnDefinition Width="*"/>  
                                                                <ColumnDefinition Width="*"/>  
                                                            </Grid.ColumnDefinitions>  
                                                            <TextBlock Margin="5" Grid.Column="0" Text="{Binding Index}"/>  
                                                            <TextBlock Margin="5" Grid.Column="1" Text="{Binding Name}"/>  
                                                            <TextBlock Margin="5" Grid.Column="2" Text="{Binding Symbol}"/>  
                                                        </Grid>  
                                                    </ControlTemplate>  
                                                </Setter.Value>  
                                            </Setter>  
                                        </Style>  
                                    </ComboBox.ItemContainerStyle>  
                                    <ComboBox.ItemTemplate>  
                                        <DataTemplate>  
                                            <Grid>  
                                                <Grid.ColumnDefinitions>  
                                                    <ColumnDefinition Width="Auto"/>  
                                                    <ColumnDefinition Width="*"/>  
                                                    <ColumnDefinition Width="*"/>  
                                                </Grid.ColumnDefinitions>  
      
                                                <TextBlock Margin="5" Grid.Column="0" Text="{Binding Index}"/>  
                                                <TextBlock Margin="5" Grid.Column="1" Text="{Binding Name}"/>  
                                                <TextBlock Margin="5" Grid.Column="2" Text="{Binding Symbol}"/>  
                                            </Grid>  
                                        </DataTemplate>  
                                    </ComboBox.ItemTemplate>  
                                </ComboBox>  
                            </DataTemplate>  
                        </DataGridTemplateColumn.CellTemplate>  
                    </DataGridTemplateColumn>  
                </DataGrid.Columns>  
            </DataGrid>  

Codebehind:

257098-code.txt

The result:

----------------------------------------------------------------------------

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Yes you can do that. You didn't provide us how you're doing the binding but out of the box ToString is called to convert items to text to render them. If you are binding to a model then override the ToString method to display what you want. If you're binding to a property on the object instead then create a new property that exposes the combined values the way you want. Since you're talking about joining several properties (I assume) then I don't believe custom formatting would work well here. However if you simply wanted to change the formatting of an existing property then the bindings format string would solve that.