DataGridViewでタイムピッカー列を表示するには?
日付を選択する必要はありません。選ばれるのに時間がかかるだけです。
DataGridViewでタイムピッカー列を表示するには?
日付を選択する必要はありません。選ばれるのに時間がかかるだけです。
これと同じものを探して、カスタムCalendarColumnの作成方法を示すMSDNの記事をついに見つけたので、そのコードサンプルを使用して、TimeColumnを作成するように変更しました。それは素晴らしい働きをします-非常にきれいで、Microsoftコードサンプルに基づいています。ハックではなく、効率的かつ確実にデータバインドできます。
実装するには、これらのクラスをプロジェクトに追加してから、DataGridViewのColumnTypeフィールドでTimeColumnを選択します。
public class TimeColumn : DataGridViewColumn
{
public TimeColumn()
: base(new TimeCell())
{
}
public override DataGridViewCell CellTemplate
{
get
{
return base.CellTemplate;
}
set
{
// Ensure that the cell used for the template is a CalendarCell.
if (value != null &&
!value.GetType().IsAssignableFrom(typeof(TimeCell)))
{
throw new InvalidCastException("Must be a TimeCell");
}
base.CellTemplate = value;
}
}
}
public class TimeCell : DataGridViewTextBoxCell
{
public TimeCell()
: base()
{
// Use the short date format.
this.Style.Format = "t";
}
public override void InitializeEditingControl(int rowIndex, object
initialFormattedValue, DataGridViewCellStyle dataGridViewCellStyle)
{
// Set the value of the editing control to the current cell value.
base.InitializeEditingControl(rowIndex, initialFormattedValue,
dataGridViewCellStyle);
TimeEditingControl ctl =
DataGridView.EditingControl as TimeEditingControl;
// Use the default row value when Value property is null.
if (this.Value == null)
{
ctl.Value = (DateTime)this.DefaultNewRowValue;
}
else
{
ctl.Value = (DateTime)this.Value;
}
}
public override Type EditType
{
get
{
// Return the type of the editing control that CalendarCell uses.
return typeof(TimeEditingControl);
}
}
public override Type ValueType
{
get
{
// Return the type of the value that CalendarCell contains.
return typeof(DateTime);
}
}
public override object DefaultNewRowValue
{
get
{
// Use the current date and time as the default value.
return DateTime.Now;
}
}
}
class TimeEditingControl : DateTimePicker, IDataGridViewEditingControl
{
DataGridView dataGridView;
private bool valueChanged = false;
int rowIndex;
public TimeEditingControl()
{
this.Format = DateTimePickerFormat.Time;
this.ShowUpDown = true; // replace the timepicker calendar drop down with a up down scroller
}
// Implements the IDataGridViewEditingControl.EditingControlFormattedValue
// property.
public object EditingControlFormattedValue
{
get
{
return this.Value.ToShortTimeString();
}
set
{
if (value is String)
{
try
{
// This will throw an exception of the string is
// null, empty, or not in the format of a date.
this.Value = DateTime.Parse((String)value);
}
catch
{
// In the case of an exception, just use the
// default value so we're not left with a null
// value.
this.Value = DateTime.Now;
}
}
}
}
// Implements the
// IDataGridViewEditingControl.GetEditingControlFormattedValue method.
public object GetEditingControlFormattedValue(
DataGridViewDataErrorContexts context)
{
return EditingControlFormattedValue;
}
// Implements the
// IDataGridViewEditingControl.ApplyCellStyleToEditingControl method.
public void ApplyCellStyleToEditingControl(
DataGridViewCellStyle dataGridViewCellStyle)
{
this.Font = dataGridViewCellStyle.Font;
this.CalendarForeColor = dataGridViewCellStyle.ForeColor;
this.CalendarMonthBackground = dataGridViewCellStyle.BackColor;
}
// Implements the IDataGridViewEditingControl.EditingControlRowIndex
// property.
public int EditingControlRowIndex
{
get
{
return rowIndex;
}
set
{
rowIndex = value;
}
}
// Implements the IDataGridViewEditingControl.EditingControlWantsInputKey
// method.
public bool EditingControlWantsInputKey(
Keys key, bool dataGridViewWantsInputKey)
{
// Let the DateTimePicker handle the keys listed.
switch (key & Keys.KeyCode)
{
case Keys.Left:
case Keys.Up:
case Keys.Down:
case Keys.Right:
case Keys.Home:
case Keys.End:
case Keys.PageDown:
case Keys.PageUp:
return true;
default:
return !dataGridViewWantsInputKey;
}
}
// Implements the IDataGridViewEditingControl.PrepareEditingControlForEdit
// method.
public void PrepareEditingControlForEdit(bool selectAll)
{
// No preparation needs to be done.
}
// Implements the IDataGridViewEditingControl
// .RepositionEditingControlOnValueChange property.
public bool RepositionEditingControlOnValueChange
{
get
{
return false;
}
}
// Implements the IDataGridViewEditingControl
// .EditingControlDataGridView property.
public DataGridView EditingControlDataGridView
{
get
{
return dataGridView;
}
set
{
dataGridView = value;
}
}
// Implements the IDataGridViewEditingControl
// .EditingControlValueChanged property.
public bool EditingControlValueChanged
{
get
{
return valueChanged;
}
set
{
valueChanged = value;
}
}
// Implements the IDataGridViewEditingControl
// .EditingPanelCursor property.
public Cursor EditingPanelCursor
{
get
{
return base.Cursor;
}
}
protected override void OnValueChanged(EventArgs eventargs)
{
// Notify the DataGridView that the contents of the cell
// have changed.
valueChanged = true;
this.EditingControlDataGridView.NotifyCurrentCellDirty(true);
base.OnValueChanged(eventargs);
}
}
実際には、カスタム DataGridView 列を作成するよりも良い方法があります。私がアプリケーションに対して現在行っていることは、DataGridView の TIMESTAMP 列が入力されたときに、DateTimePicker コントロールをセルの上に直接配置することです。ユーザーがセルの外をクリックすると (選択が確定すると)、DateTimePicker Visible が False に設定され、DateTimePicker の値がセルに入力されます。デフォルトでは、DateTimePicker コントロールの Visibility は、必要になるまで False に設定されています。また、ユーザーがカスタム値を入力できず、セットアップ画面からアイテムのリストを使用する必要がある通常のセルの ComboBox コントロールにもこれを使用します。このテクニックは、それを偽造するのに最適です。すぐに利用できるコードはありませんが、コードが少なくなり、IMHO の保守が容易になります。
上記および次の手法は、Win Forms 2.0 の DataGridView コントロール内で代替コントロールを偽造する から取られました。
編集:コードは次のとおりです-
private void dataGridView1_CellClick(object sender, DataGridViewCellEventArgs e)
{
if (selectAllToolStripMenuItem.Checked)
selectAllToolStripMenuItem.Checked = false;
if (dtPicker.Visible)
dtPicker.Visible = false;
if (e.ColumnIndex >= 0)
{
if (dataGridView1.Columns[e.ColumnIndex].Name == "Delete")
{
if (adminIsLoggedIn)
{
removeRow(e);
}
else
{
MessageBox.Show("You must be logged in as an Administrator in order to change the facility configuration.", "Delete Error", MessageBoxButtons.OK, MessageBoxIcon.Error);
}
}
else if (dataGridView1.Columns[e.ColumnIndex].Name == "TIMESTAMP")
{
if (adminIsLoggedIn)
{
setNewCellDate(e);
}
}
.....
}
// ---
}
private void setNewCellDate(DataGridViewCellEventArgs e)
{
dtPicker.Size = dataGridView1.CurrentCell.Size;
dtPicker.Top = dataGridView1.GetCellDisplayRectangle(e.ColumnIndex, e.RowIndex, true).Top + dataGridView1.Top;
dtPicker.Left = dataGridView1.GetCellDisplayRectangle(e.ColumnIndex, e.RowIndex, true).Left + dataGridView1.Left;
if (!(object.Equals(Convert.ToString(dataGridView1.CurrentCell.Value), "")))
dtPicker.Value = Convert.ToDateTime(dataGridView1.CurrentCell.Value);
dtPicker.Visible = true;
}
古いスレッドに返信して申し訳ありませんが、これは誰かが私と同じように MS コードを改変した場所を見つけることができる唯一の場所です。RThomas への対応として、これを実行しましたが、データ テーブルにバインドされているときに TimeColumn を使用すると問題が発生します。従業員のタイムシート エントリに使用しているため、日付要素は表示されず、時間だけが表示されます。データを入力すると問題なく動作しますが、データを編集しようとすると問題が発生します。
OnValueChanged イベント (デバッグを使用して Me.Value の値を確認できます) ではセル値は正しいですが、DataGridView.CellEndEditing または CellValidated イベントでは、値は現在の日付と編集された時刻の値を示します。不思議なことに、ユーザーが別のセルに移動してから TimeCell に戻り、別のセルに移動すると、値は正しいのですが、最初の編集後に日付が間違っています。
私はすべての異なるイベントを見てきましたが、DataGridView で編集されている値と、DataGridView にバインドされた Datatable にコミットされている値の間にあるようです。
私の知る限り、これを行う直接的な方法があります。唯一の方法は、カスタム DataGridview 列を作成することだと思います。カスタム datagridview 列を作成するには、このリンクを確認してください