WPF Datagrid C＃中的ComboBox

Question

I have a DataGrid and fill it with a DataTable.

dgMitarbeiter.ItemsSource = mainController.loadDataTableMitarbeiter().DefaultView;

this is the function:

public DataTable loadDataTableMitarbeiter() 
{
    loadMitarbeiterList();
    dtMitarbeiter.Clear();
    foreach (Mitarbeiter mitarbeiter in mitarbeiterList)
    {
        drMitarbeiter = dtMitarbeiter.NewRow();
        drMitarbeiter["ID"] = mitarbeiter.ID;
        drMitarbeiter["Vorname"] = mitarbeiter.vorname;
        drMitarbeiter["Nachname"] = mitarbeiter.nachname;
        drMitarbeiter["Kostenstelle"] = mitarbeiter.kostenstelle.id;
        drMitarbeiter["Größe Hose"] = mitarbeiter.gr_hose;
        drMitarbeiter["Größe Oberteil"] = mitarbeiter.gr_oberteil;
        drMitarbeiter["Gröse Schuhe"] = mitarbeiter.gr_schuhe;
        drMitarbeiter["Ferial"] = mitarbeiter.ferial;
        drMitarbeiter["Werk"] = mitarbeiter.werk;
        drMitarbeiter["Datum"] = mitarbeiter.creationDate.ToString("dd.MM.yyyy");
        dtMitarbeiter.Rows.Add(drMitarbeiter);
    }

    return dtMitarbeiter;
}

The Xaml:

<DataGrid x:Name="dgMitarbeiter" AlternatingRowBackground="Gainsboro"  AlternationCount="2" ColumnWidth="*" HorizontalAlignment="Left" SelectedItem="{Binding SelectedItem}" Margin="10,22,0,0" VerticalAlignment="Top" Height="357" Width="731" CanUserAddRows="False" CanUserDeleteRows="False" RowEditEnding="dgMitarbeiter_RowEditEnding"  Background="White" HeadersVisibility="Column"/>

I need a ComboBox for the column "Kostenstelle" but have no idea how to achieve this. Any ideas?

Answer 1

You need to define a DataGridComboBoxColumn in your DataGrid columns, you can then bind the ItemsSource to wherever your combo box's options are located.

See here.

Answer 2

My answer implements an ObservableCollection . And adds this as a databinding to the ComboBox

You need a new class:

public class Kostenstellen: ObservableCollection<Kostenstelle>
{
}

And a fill Method with the following lines of code:

var kostenstellen = new Kostenstellen();

foreach mitarbeiter in mitarbeiterList
{
    kostenstellen.Add(mitarbeiter.kostenstelle);
}

var cvsCombobox = new CollectionViewSource() { Source = this.operationList };

this.myCombobox.SetBinding(ItemsControl.ItemsSourceProperty, new Binding() { Source = cvsCombobox });

Now there will be only "(Kostenstelle)" as a string in the Combobox . So you need to override the ToString() method of your Kostenstelle class

public partial class Kostenstelle
{
    public override string ToString()
    {
        return this.ID.ToString();
    }
}

HINT: Use english variable and class names next time :)

Answer 3

You can do a lot in your xaml file :) For myself I used this one lately... In the xaml file you can now define the placement of the combobox on your page. you can set the content by code later.

<GridView
        x:Name="itemGridView"
        AutomationProperties.AutomationId="ItemGridView"
        AutomationProperties.Name="Items In Group"
        TabIndex="1"
        Grid.RowSpan="2"
        Padding="120,126,120,50"
        ItemsSource="{Binding}"
        SelectionMode="None"
        IsSwipeEnabled="false"
        IsItemClickEnabled="True"
        ItemClick="ItemView_ItemClick"
        >
        <GridView.ItemTemplate >
            <DataTemplate >
                <Grid Height="150" Width="480"  Background="{StaticResource  ListViewItemPlaceholderBackgroundThemeBrush}">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="*"/>
                    </Grid.ColumnDefinitions>


                    <StackPanel Grid.Column="1" VerticalAlignment="Top" Margin="10,10,0,0" >

                        <TextBlock Text="{Binding title}" Style="{StaticResource TitleTextBlockStyle}" TextWrapping="NoWrap" FontSize="25"/>
                        <Line/>
                        <TextBlock Text="{Binding subtitle}" Style="{StaticResource CaptionTextBlockStyle}" TextWrapping="NoWrap" FontSize="20" Margin="0,10,0,0" />
                        <Line/>
                        <TextBlock Text="{Binding description}" Style="{StaticResource BodyTextBlockStyle}" MaxHeight="60" FontSize="15" Margin="0,10,0,0"/>
                        <Button Tag="{Binding title}" Click="ItemButtonClicked" Content="Details" FontSize="15" Margin="0,10,0,0"/>
                    </StackPanel>
                </Grid>
            </DataTemplate>
        </GridView.ItemTemplate>
        <GridView.ItemContainerStyle>
            <Style TargetType="FrameworkElement" >
                <Setter Property="Margin" Value="52,0,0,2"/>

            </Style>
        </GridView.ItemContainerStyle>
    </GridView>