在DataTemplate中的ComboBox上设置ItemsSource

时间:2016-02-24 22:37:41

标签: c# wpf combobox datagrid datatemplate

我的总体目标是拥有一个能够正常显示我的数据的WPF DataGrid,但是在编辑时有一个ComboBox,其中包含该特定列的可能值。

例如,我在DataGrid中有以下数据

|             Name |               Work Date | Clock In | Clock Out |    Job | Hours |
|------------------|-------------------------|----------|-----------|--------|-------|
| Edaurdo Gutierez |Friday February 12, 2016 |  1:06 PM |   9:00 PM | Server |  8.00 |
|   Rubisel Lozano |Friday February 12, 2016 | 12:55 PM |   8:59 PM | Server |  8.00 |
|       Paul Burks |Friday February 12, 2016 |  8:59 AM |   5:30 PM |   Chef |  8.50 |
|   Roberto Agular |Friday February 12, 2016 |  8:30 AM |   4:10 PM |   Chef |  7.75 |

我希望能够双击一个单元格并编辑它的值,但是每个列的编辑模板都不同。我需要为工作日期,时钟输入,时钟输出和工作执行此操作。

我的工作日期列按预期工作,但它更容易,因为它为我填充了DatePicker。对于Job列,我最后得到一个空白的ComboBox,因为我不知道如何设置它的ItemsSource。以下是使“工作日期”列功能的一些代码。

XAML

<UserControl.Resources>
    <DataTemplate x:Key="tmpDate">
        <TextBlock Text="{Binding Path = Date, StringFormat = '{}{0:dddd MMMM dd, yyyy}'}"  />
    </DataTemplate>
    <DataTemplate x:Key="tmpDateEdit">
        <DatePicker SelectedDate="{Binding Path = Date}"/>
    </DataTemplate>
</UserControl.Resources>

C#

private void gridTimeSheet_AutoGeneratingColumn(object sender, DataGridAutoGeneratingColumnEventArgs e)
    {
        DataGridColumn col = e.Column;

        if (col.Header.ToString() == "Date")
        {
            DataGridTemplateColumn tmpCol = new DataGridTemplateColumn();
            tmpCol.CellTemplate = (DataTemplate)FindResource("tmpDate");
            tmpCol.CellEditingTemplate = (DataTemplate)FindResource("tmpDateEdit");
            tmpCol.Header = "Date";
            e.Column = tmpCol;
        }
     }

所以我的问题是如何让Job列以类似的方式工作,这样当我双击编辑单元格时,会出现一个可能的Job值的ComboBox?我想填充这个ComboBox的方式是通过从SQL查询创建的DataTable。

我愿意接受任何建议。也许DataTemplate不是我做这些列的最佳选择。任何指导都表示赞赏。

谢谢!

1 个答案:

答案 0 :(得分:0)

我认为这是一个具有约束力的问题。

我认为你所寻找的是与RelativeSource绑定。例如,您可以在DataGrid中执行此操作:

<DataGrid>
    <DataGrid.Columns>
        <DataGridTemplateColumn>
            <DataGridTemplateColumn.CellEditingTemplate>
                <DataTemplate>
                    <ComboBox SelectedItem="{Binding Date}" ItemsSource="{Binding DataContext.DateList, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type DataGrid}}}"/>
                </DataTemplate>
            </DataGridTemplateColumn.CellEditingTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>

问题是您当前的行没有填充组合框的列表。我假设这些内容存放在ViewModel的其他位置。因此,要链接到它,您需要对ViewModel的引用,这是与RelativeSource的绑定。然后,您可以链接到您的集合,在本例中为DateList。