Comment ajouter un DatePicker pour DataGridTextColumn dans 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>

J'ai un simple DataGrid avec un DataGridTextColumn. Comment puis-je ajouter un Datepicker à mon DataGridTextColumn?

Utilisation DataGridTemplateColumn.

OriginalL'auteur user2292217 | 2013-09-08

  1. 23

    Comme Nitesh dit, l'utilisation des 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>
    il n'affiche pas datetime picker, datagrid

    OriginalL'auteur Shoe

  2. 5

    J'ai mis un DatePicker dans chaque colonne de mon datagrid, voici ma méthode d'assistance que j'attribue à la DataGrid dans le windows constructeur. Cette méthode a également Annuler génération pour objet complexe qui ne montrent pas grand dans la grille de données.

    Adapter comme vous le souhaitez!

    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));
}
}

    OriginalL'auteur Guish

  3. 1

    Cela s'appuie sur @Distinguent de la réponse, mais il encapsule dans une nouvelle colonne de la classe.

    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();
}
}
}
    Brillante réponse, et ce qui le rend vraiment super, c'est qu'il est dans un très forme réutilisable! Il serait encore plus utile si l'on pouvait spécifier si vous souhaitez afficher la Date ""-seule une partie dans le TextBlock (essayé avec une Date de champ de table et eu le temps de trop), ou mieux encore, être en mesure de définir la StringFormat de la Liaison.
    J'ai remarqué quelque chose d'autre aussi, si vous allez modifier la date, la touche [Enter] ne fonctionne plus (il ne sera pas valider les modifications), vous pouvez bien sûr l'accent d'un autre champ ou de la ligne, mais ce look un peu étrange pour les utilisateurs. [Tab]/[BackTab] font un travail même si.
    Georgiou, j'ai résolu le problème avec la touche [Enter]. Merci pour les rapports.

    OriginalL'auteur Metalogic