如何以编程方式将DataGrid列设置为DatePicker输入

时间:2015-01-19 23:21:57

标签: c# wpf datagrid datatable datepicker

有一些文章解释了如何在DataGrid DatePickersDatePickersDateTimePickers中创建特定列,但它们都是通过XAML完成的。做这样的事情:

<DataGrid AutoGenerateColumns="True">
        <DataGrid.Columns>

                <DataGridTextColumn Binding="{Binding Name}" />

                <DataGridTemplateColumn>
                        <DataGridTemplateColumn.CellTemplate>
                                <DataTemplate>
                                        <DatePicker SelectedDate="{Binding Date}" />
                                </DataTemplate>
                        </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>

        </DataGrid.Columns>
</DataGrid>

导致:

enter image description here

在C#中有办法吗?

我从SQL数据库输入DataTable并将其绑定到DataGrid。像这样:

dataGrid.DataContext = dataTable.AsDataView(); 
// or maybe dataGrid.ItemsSource = dataTable.DefaultView; 
// I'm not sure what the difference is

我的XAML看起来像这样:

<DataGrid RowEditEnding="updateDatabase" ItemsSource="{Binding}" AutoGenerateColumns="True">

    <DataGrid.RowStyle>
        <Style TargetType="DataGridRow">
            <Setter Property="Visibility" Value="{Binding Visibility}" />
        </Style>
    </DataGrid.RowStyle>

</DataGrid>

我可以这样:

        dataTable.Rows[0][15] = new DateTime(1991, 9, 2);

        DatePicker dp = new DatePicker();
        dp.SelectedDate = DateTime.Today;
        dataTable.Rows[0][14] = dp;

但那些最终作为单元格中的日期字符串而不是DatePicker输入类型?有办法做到这一点吗?例如

        dataTable.Columns[13].DataType.Equals(typeof(DatePicker));
        dataTable.Columns[13].DataType.Equals(typeof(DatePickerTextBox));

提前致谢。

修改

如果我可以通过XAML部分地完成它也没关系。例如,如果我制作我的XMAL:

<DataGrid RowEditEnding="updateDatabase" Name="taskTable" ItemsSource="{Binding}" AutoGenerateColumns="True" HorizontalAlignment="Left" Margin="25,50,25,25" VerticalAlignment="Top" Grid.IsSharedSizeScope="True" SelectionChanged="DataGrid_SelectionChanged_1">

    <!-- VirtualizingStackPanel.IsVirtualizing="False" -->
    <DataGrid.RowStyle>
        <Style TargetType="DataGridRow">
            <Setter Property="Visibility" Value="{Binding Visibility}" />
        </Style>

    </DataGrid.RowStyle>

    <DataGrid.Columns>

        <DataGridTemplateColumn Header="dates">
            <DataGridTemplateColumn.CellEditingTemplate>
                <DataTemplate>
                    <DatePicker SelectedDate="{Binding dates}" />
                </DataTemplate>
            </DataGridTemplateColumn.CellEditingTemplate>
        </DataGridTemplateColumn>

    </DataGrid.Columns>                    

</DataGrid>

我加载的DataTable的日期列如此taskTable.DataContext = dataTable.DefaultView;我可以以某种方式将日期列与同一个日期列相同,使用来自XAML的模板中的C#中的DataTable数据吗?

在这个例子中,因为标题是相同的,如果我在左栏中选择一个日期,一旦我按下输入它将进入右边的日期列并保存好。我只想让它们成为同一列。

有什么想法吗?

enter image description here

1 个答案:

答案 0 :(得分:4)

如果您不必自动生成列,有很多解决方案,但我必须允许动态添加和删除列,因此无法绕过它。

这是有效的:

<强> C#

内部public partial class MainWindow: window

    public string [] dates = {"COLUMN NAMES", "THAT NEED", "TO BE DATES"};


    public void addColumnTemplates(object sender, DataGridAutoGeneratingColumnEventArgs e){

        string header = e.Column.Header.ToString();

        if ( dates.Contains(header) )
        {
            MyDataGridTemplateColumn col = new MyDataGridTemplateColumn();
            col.ColumnName = e.PropertyName; 
            col.CellTemplate = (DataTemplate)FindResource("datePickerTemplate");
            e.Column = col;
            e.Column.Header = e.PropertyName;
        }

    }

public partial class MainWindow: window

public class MyDataGridTemplateColumn : DataGridTemplateColumn
{
    public string ColumnName
    {
        get;
        set;
    }

    protected override System.Windows.FrameworkElement GenerateElement(DataGridCell cell, object dataItem)
    {
        ContentPresenter cp = (ContentPresenter)base.GenerateElement(cell, dataItem);
        BindingOperations.SetBinding(cp, ContentPresenter.ContentProperty, new Binding(this.ColumnName));
        return cp;
    }
}

public class MyData
{
    public MyData(string name, bool data) { nameData = name; showData = data; }
    public string nameData { get; set; }
    public bool showData { get; set; }
}

<强> XMAL

对于datatemplate:

<Window.Resources>
    <ResourceDictionary>

        <DataTemplate x:Key="datePickerTemplate">
            <DatePicker Text="{Binding}"
                ></DatePicker>
        </DataTemplate>

    </ResourceDictionary>
</Window.Resources>

这是我的数据网格XMAL

            <DataGrid ItemsSource="{Binding}" AutoGenerateColumns="True" 
                      AutoGeneratingColumn="addColumnTemplates">
            </DataGrid>

enter image description here