ComboBoxColumn Edit and Read display

[Koren]

I am using a gridviewcomboboxcolumn to select a transaction code.  Because the description of the code may be fairly long, I would like to display the Code and Description in the Dropdown in Edit mode (e.g. 0110 Long Description) but when it is in Display mode I would like only the Code to show without the description (e.g. 0110).  (The ID of the transaction is saving perfectly to my MVVM model right now so this is a display issue only.)

thanks!

[Maya]

Hello Koren,

You may define an EditorStyle for the GridViewComboBoxColumn. For example:

//Style definition:
<Window.Resources>
        <Style x:Key="MyStyle" TargetType="telerik:RadComboBox">
            <Setter Property="ItemTemplate">
                <Setter.Value>
                    <DataTemplate>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition />
                                <ColumnDefinition Width="*"></ColumnDefinition>
                            </Grid.ColumnDefinitions>
                            <TextBlock Text="{Binding ID}"></TextBlock>
                            <TextBlock Text="{Binding Name}"  Grid.Column="1"></TextBlock>
                        </Grid>
                    </DataTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>

//Column definition:
<telerik:GridViewComboBoxColumn Header="Nationality"
                                                EditorStyle="{StaticResource MyStyle}"
                                                DataMemberBinding="{Binding CountryID, Mode=TwoWay}"
                                                DisplayMemberPath="Name"
                                                SelectedValueMemberPath="ID">
                </telerik:GridViewComboBoxColumn>

Both "Name" and "ID" are properties from the ItemsSource of the column.
 

Regards,
Maya
the Telerik team