jueves, 6 de diciembre de 2012

DataGridViewTextEditorColumn (I Parte)

Como lo dice el titulo, una clase DataGridViewTextEditorColumn... Al principio, cuando cree el control "TextEditor", la idea era luego crear una columna para el control "DataGridView" que utilice mi control como editor de la celda para poder agregarle botones, como también poder usarlo en celdas donde solo se deban digitar números.

Este articulo lo dividiremos en varios articulos para poder explicarlo mejor e intentare explicar mejor cada clase.

Por cuestiones de tiempo no lo había hecho, también por cuestiones de pereza, si!!!.. pereza, jejejeje.... solo de pensar el código que tenia que escribir me daba pereza iniciar. Pero!!!... recientemente donde trabajo hice un formulario para capturar la producción de los empleados, pero el usuario me sugirió que le seria mas fácil si el botón para buscar y eliminar los empleados de la captura apareciera en la misma celda. Ademas en varios desarrollos propios debía implementar este tipo de columna que hasta hoy lo habia resuelto de una manera diferente, para tal fin tenia que personalizar el "DataGridView", así que pense en hacer algo que no tubiera que cambiar nada en este control, que fuera independiente del "DataGridview".

Anteriormente desarrolle un sistema para gimnasios y utilize el DevExpress, valga la publicidad gratuita, excelentes controles (son mi inspiración)... ellos tienen un control llamado GridView y me  fije que las columnas de este control tiene una propiedad para seleccionar el editor de la celda de entre los controles de ellos, así que me parecio buena la idea.

Aun que mi clase no implementara toda la logica, me ayudara a poder interacturar de una mejor manera con el editor de la celda.

Así que entremos en materia, para lograr nuestro objetivo utilizaremos las clases: DataGridViewColumn, DataGridViewTextBoxCell y la interfaz IDataGridViewEditingControl y crearemos un componente que llamare RepositoryTextEditor para asociarlo a la clase DataGridViewTextEditorColumn y poder indicar el tipo de entrada que usara el editor de la celda, las cuales seran las mismas que podemos definir en el TextEditor: None (default), Currency, Numeric, Integer, Time, Percent, como tambien si la columna usara botones y el evento ButtonClick para no hacer esto por código. este ultimo componente aparecera en el ComponentTray del diseñador para tener acceso rapido y facil a el.

(Pantalla en modo de diseño)



Para este demo he utilizado el control nativo "DataGridView" ya que este es el objetivo, tal como se muestra en la imagen, he creado tres columnas tipo DataGridViewTextEditorColumn, una para el código la cual contendra 2 botones, otra para la cantidad cuyo MaskType sera "Numeric" y otra para el precio cuyo MaskType sera "Currency" estas dos ultimas columnas solo aceptaran numeros.

veamos las clases:

 
[ToolboxBitmap(typeof(System.Windows.Forms.TextBox))]
public class DataGridViewTextEditorColumn : DataGridViewColumn
{
}
public class DataGridViewTextEditorCell : DataGridViewTextBoxCell
{
}
class DataGridViewTextEditorControl : TextEditor.TextEditor, IDataGridViewEditingControl
{
}

// Componente para configurar el editor de la celda.
[ToolboxBitmap(typeof(System.Windows.Forms.TextBox))]
[DesignerSerializer(typeof(RepositoryButtonSerializer), typeof(CodeDomSerializer))]
public class RepositoryTextEditor : Component
{
}
 

estas 4 clases son las clases principales, las demás que no mencionare son de implementacion interna y ya las hemos vistos en articulos anteriores, no en detalle pero si para que las usamos.

DataGridViewTextEditorColumn (II Parte)


No hay comentarios:

Publicar un comentario