C# WinForms DataGridView Time Coluna
-
05-07-2019 - |
Pergunta
Como mostrar uma coluna de tempo de tempo no DataGridView?
Não preciso escolher a data. Eu só preciso de tempo para ser selecionado.
Solução
Na verdade, existe uma maneira melhor do que criar uma coluna DataGridView personalizada. O que eu faço atualmente para o meu aplicativo é quando a coluna Timestamp do meu DataGridView é inserida, posiciono um controle DateTimePicker diretamente sobre a célula. Quando o usuário clicou fora da célula (confirmando assim sua seleção), o DateTeMepicker visível é definido como false e o valor do DateTimepicker é colocado na célula. Por padrão, a visibilidade do controle DateTimePicker é definida como falsa até que eu precise. Eu também uso isso para controles combosbox nas células regulares, onde o usuário não pode inserir um valor personalizado e precisa usar a lista de itens na tela Configuração. Esta técnica é ótima para fingi -la. Não tenho o código prontamente disponível, mas é menos código e mais fácil manter o IMHO.
A técnica acima e a seguir foi retirada de Controles alternativos de fingimento em um controle DataGridView nos formulários de vitória 2.0
EDIT: Aqui está o código -
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;
}
Outras dicas
Procurando por essa mesma coisa, finalmente encontrei um Artigo do MSDN que mostra como fazer um calendcolumn personalizado Por isso, usei esse exemplo de código e o modifiquei para criar uma timecolumn. Funciona muito bem - muito limpo e com base na amostra de código da Microsoft. Não é um hack e pode ser de banco de dados de maneira eficiente e confiável.
Para implementar, basta adicionar essas classes ao seu projeto e selecionar Timecolumn no campo ColumnType do DataGridView.
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);
}
}
Afaik, há uma maneira direta de fazer isso. Eu acho que a única maneira é criar uma coluna DataGridView personalizada. Verifique este link para Criando uma coluna personalizada DataGridView
Desculpe por responder a um tópico antigo, mas este é o único lugar que eu consegui encontrar onde alguém adaptou o código do MS como eu. Em resposta ao RThomas, fiz isso, mas estou encontrando problemas no uso do Timecolumn quando vinculado a um Datatable. Estou usando -o para a entrada do quadro de horários dos funcionários para que o elemento de data não seja visível, apenas a hora. Quando inseri os dados, ele funciona bem, mas quando tento editar os dados, algo dá errado.
O valor da célula está correto no evento OnValuechanged (usando a depuração, posso ver o valor de mim.value), mas no DataGridView.celediting ou os eventos CellValidated, o valor mostra a data atual e o valor do tempo editado. Estranhamente, se o usuário se mover para outra célula, depois de volta ao Timecell, depois para outra célula novamente, o valor está correto, mas após a edição inicial a data está errada.
Eu olhei para todos os eventos diferentes, mas parece ser algo entre o valor que está sendo editado no DataGridView e comprometido com o datatable ligado ao DataGridView.