Wie Sie einen DatePicker zu DataGridTextColumn in WPF

<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>

Habe ich eine einfache DataGrid mit einem DataGridTextColumn in es. Wie füge ich ein Datepicker zu meinem DataGridTextColumn?

  • Verwenden DataGridTemplateColumn.
InformationsquelleAutor user2292217 | 2013-09-08
  1. 23

    Als Nitesh sagte, verwenden Sie 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>
    • seine nicht angezeigt datetime-picker im datagrid
    • Nicht sinnvoll auf alle.
    InformationsquelleAutor Shoe
  2. 5

    Ich einen DatePicker in jeder Spalte meines datagrids, hier ist mein Helfer-Methode, die ich zuordnen DataGrid im windows-Konstruktor. Auch diese Methode Abbrechen generation für komplexe Objekt, das nicht zeigen, toll im DataGrid.

    Anpassen, wie Sie möchten!

    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));
    }
}
    InformationsquelleAutor Guish
  3. 1

    Diese baut auf @Guish Antwort, sondern fasst Sie in einer neuen Spalte Klasse.

    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();
        }
    }
}
    • Geniale Antwort, und was macht es wirklich toll ist, dass es in einer hochgradig wiederverwendbarer form! Es wäre noch wertvoller, wenn wir könnten angeben, ob Sie die "Datum"-nur ein Teil im TextBlock (versucht es mit einem Date-Feld einer Tabelle und habe die Zeit auch), oder noch besser in der Lage sein, das StringFormat der Bindung.
    • Ich bemerkte noch etwas anderes zu, wenn Sie gehen, und Bearbeiten Sie das Datum, die [Enter] - Taste nicht mehr funktioniert (es wird nicht die änderungen), können Sie natürlich den Fokus ein anderes Feld oder eine Zeile, aber dieser Blick etwas seltsam für den Nutzer. [Tab]/[BackTab] funktionieren aber.
    • Georgiou, ich habe das Problem mit der [Enter] - Taste. Vielen Dank für die Berichterstattung darüber.
    InformationsquelleAutor Metalogic
Schreibe einen Kommentar