如何在WPF中为DataGridTextColumn添加DatePicker

Question

<DataGrid Name="myfirstdg"
          Grid.Row="2"
          AutoGenerateColumns="False"
          CanUserSortColumns="False"
          CanUserAddRows="False"
          CanUserDeleteRows="False"
          SelectionUnit="Cell">
    <DataGrid.Columns>
        <DataGridTextColumn Header="Date"
                            Binding="{Binding Path=date}"
                            Width="SizeToCells"
                            IsReadOnly="True"
                            MinWidth="100"/>
    </DataGrid.Columns>
</DataGrid>

我有一个简单的 DataGrid，里面有一个 DataGridTextColumn。如何向我的 DataGridTextColumn 添加一个 Datepicker？

- user2292217

---

使用 DataGridTemplateColumn。 - Nitesh

Answer 1

如Nitesh所说，使用DataGridTemplateColumn

<DataGridTemplateColumn Header="Pick a Date">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding myDate}" />
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
    <DataGridTemplateColumn.CellEditingTemplate>
        <DataTemplate>
            <DatePicker SelectedDate="{Binding myDate}" />
        </DataTemplate>
    </DataGridTemplateColumn.CellEditingTemplate>
</DataGridTemplateColumn>

- jamesSampica

---

完全没有用。 - jithin john

这可能有效，但它不是一个复制/粘贴的工作，因为myDate超出了范围 - 所有其他列都可以在DataGrid的绑定上下文中定义，但在此模板内，DataContext会发生变化，无法解析myDate。我猜想正确获取绑定上下文是另一个故事。 - PandaWood

我不知道你的情况出了什么问题，但这个答案对我来说非常有效。数据上下文没有任何问题。 - Andrew Arnott

Answer 2

我在我的数据表格中的每一列都放置了一个日期选择器，以下是我的帮助方法，我将它分配给窗口构造函数中的DataGrid。该方法还会取消生成不适合在数据表格中显示的复杂对象。

您可以根据需要进行调整！

public MainWindow()
{
    InitializeComponent();
    myDataGrid.AutoGeneratingColumn += DataGridUtilities.dataGrid_AutoGeneratingColumn;
}

public static class DataGridUtilities
{
    public static void dataGrid_AutoGeneratingColumn(object sender, DataGridAutoGeneratingColumnEventArgs e)
    {
        if (!IsTypeOrNullableOfType(e.PropertyType, typeof(string))
            && !IsNullableOfValueType(e.PropertyType))
        {
            e.Cancel = true;
        }
        else if (IsTypeOrNullableOfType(e.PropertyType, typeof (DateTime)))
        {
            DataGridTemplateColumn col = new DataGridTemplateColumn();
            col.Header = e.Column.Header;
            FrameworkElementFactory datePickerFactoryElem = new FrameworkElementFactory(typeof (DatePicker));
            Binding dateBind= new Binding(e.PropertyName);
            dateBind.UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged;
            dateBind.Mode = BindingMode.TwoWay;
            datePickerFactoryElem.SetValue(DatePicker.SelectedDateProperty, dateBind);
            datePickerFactoryElem.SetValue(DatePicker.DisplayDateProperty, dateBind);
            DataTemplate cellTemplate = new DataTemplate();
            cellTemplate.VisualTree = datePickerFactoryElem;
            col.CellTemplate = cellTemplate;
            e.Column = col;//Set the new generated column
        }
    }


    private static bool IsTypeOrNullableOfType(Type propertyType, Type desiredType)
    {
        return (propertyType == desiredType || Nullable.GetUnderlyingType(propertyType) == desiredType);
    }

    private static bool IsNullableOfValueType(Type propertyType)
    {
        return (propertyType.IsValueType ||
                (Nullable.GetUnderlyingType(propertyType) != null &&
                 Nullable.GetUnderlyingType(propertyType).IsValueType));
    }
}

- Guish

Answer 3

这基于@Guish的答案，但将其封装成一个新的列类。

private void Grid_AutoGeneratingColumn(object sender, DataGridAutoGeneratingColumnEventArgs e)
{
    if (e.PropertyType == typeof(DateTime))
    {
        e.Column = new DataGridDateTimeColumn((DataGridBoundColumn)e.Column);
    }
}

internal class DataGridDateTimeColumn : DataGridBoundColumn
{
    public DataGridDateTimeColumn(DataGridBoundColumn column)
    {
        Header = column.Header;
        Binding = (Binding)column.Binding;
    }

    protected override FrameworkElement GenerateElement(DataGridCell cell, object dataItem)
    {
        var control = new TextBlock();
        BindingOperations.SetBinding(control, TextBlock.TextProperty, Binding);
        return control;
    }

    protected override FrameworkElement GenerateEditingElement(DataGridCell cell, object dataItem)
    {
        var control = new DatePicker();
        control.PreviewKeyDown += Control_PreviewKeyDown;
        BindingOperations.SetBinding(control, DatePicker.SelectedDateProperty, Binding);
        BindingOperations.SetBinding(control, DatePicker.DisplayDateProperty, Binding);
        return control;
    }

    private void Control_PreviewKeyDown(object sender, System.Windows.Input.KeyEventArgs e)
    {
        if (e.Key == System.Windows.Input.Key.Return)
        {
            DataGridOwner.CommitEdit();
        }
    }
}

- Metalogic

---

非常棒的答案，而且它以高度可重用的形式呈现，这使得它真正伟大！如果我们可以指定是否在TextBlock中仅显示“日期”部分（尝试使用日期表字段并获得了时间），或者更好的是能够设置绑定的StringFormat，那么它将会更有价值。 - Constantine Georgiou

我还注意到另外一件事，如果你去编辑日期，[Enter]键将不再起作用（它不会提交更改），当然你可以聚焦到另一个字段或行，但这对用户来说看起来有些奇怪。[Tab]/[BackTab]键仍然有效。 - Constantine Georgiou

@Constantine Georgiou，我已经修复了与[Enter]键有关的问题。感谢您的反馈。 - Metalogic