Visual Studio/WPF > DataGrid > 달력 형식의 날짜 입력 양식 > v0.1, v0.2

운영 환경
Windows 7 Pro (32bit)
Microsoft Visual Studio 2017 Community
Sublime Text 2

관련 Visual Studio / WPF > DataGridView > DataGridComboBoxColumn > sys:String 형식으로 정의한 문자열을 XAML로 지정하여 사용

DataGridView에서 날짜를 입력할 수 있습니다. 날짜는 달력에서 입력합니다.

v0.1 > 셀 편집 중 오류



XAML
<Window x:Class="_170421_t1510_WpfDataGridComboBox.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:_170421_t1510_WpfDataGridComboBox"
        xmlns:sys="clr-namespace:System;assembly=mscorlib" 
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">

    <Grid>
        <DataGrid x:Name="dataGridView1" HorizontalAlignment="Left" Height="211" Margin="10,10,0,0" VerticalAlignment="Top" Width="497">
            <DataGrid.Columns>
                <DataGridTextColumn Header="Name" Binding="{Binding Name}" />

                <DataGridTemplateColumn Header="Birthday">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <DatePicker SelectedDate="{Binding Birthday}" BorderThickness="0" />
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>

    </Grid>
</Window>

MainWindow.xaml.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace _170421_t1510_WpfDataGridComboBox
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            List<User> users = new List<User>();
            users.Add(new User() { Name = "Vista EOL", Birthday = "2017/04/11" });
            users.Add(new User() { Name = "Win7 EOL", Birthday = "2020/01/14" });
            users.Add(new User() { Name = "Int date overflow", Birthday = "2038/01/01" });
            dataGridView1.Items.Add(users[0]);
            dataGridView1.Items.Add(users[1]);
            dataGridView1.Items.Add(users[2]);
        }
    }
    public class User
    {
        public string Name { get; set; }
        public string Birthday { get; set; }
    }
}

OS의 EOL 등의 날짜를 대입해 보았다.





날짜는 달력으로 변경할 수 있지만, Name의 편집을 시도하면 다음과 같은 오류가 발생합니다. 이 근처는 향후 학습하는 과정에서 해결한다.



v0.2 > 오류 대응



MainWindows.xaml.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace _170421_t1510_WpfDataGridComboBox
{
    /// <summary>
    /// MainWindow.xaml の相互作用ロジック
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            List<User> users = new List<User>();
            users.Add(new User() { Name = "Vista EOL", Birthday = "2017/04/11" });
            users.Add(new User() { Name = "Win7 EOL", Birthday = "2020/01/14" });
            users.Add(new User() { Name = "Int date overflow", Birthday = "2038/01/01" });

            // Error
            //dataGridView1.Items.Add(users[0]);
            //dataGridView1.Items.Add(users[1]);
            //dataGridView1.Items.Add(users[2]);

            // OK
            dataGridView1.AutoGenerateColumns = false;
            dataGridView1.ItemsSource = users;
        }
    }
    public class User
    {
        public string Name { get; set; }
        public string Birthday { get; set; }
    }
}

위 코드에서 셀 편집 오류가 발생하지 않습니다.

좋은 웹페이지 즐겨찾기