Grillas y Grid editable Page 1 of 7

Inicio Ejemplos vb 6.0 Ocx - Activex Api vb Tutoriales - Manuales Código fuente visual basic .net

Buscar

Sección de controles Ocx para Visual basic , Dll , Activex

154 - Controles y componentes para usar grillas y Grids editables

<Volver> - Anterior - Siguiente

Contenido:

1 - Control UbGrid - Grid editable

2 - Control Ocx Grid Editor

3 - Control KFlexgrid

4 - Nest Grid

5 - S-GRID

Relacionados

1 - Control UbGrid - Grid editable

Este control es una grilla o grid basado en el control Microsoft Flexgrid, pero tiene algunas funcionalidades extras

El control Permite editar las celdas y tiene algunas otras opciones, como por ejemplo indicar una serie de máscaras
para las columnas, y de esta forma, poder permitir el ingreso de datos de tipo fecha, solo números, solo
mayúsculas, mostrar celdas con checkBox para indicar datos de tipo boolean, insertar en las celdas un combobox y
presentar los datos en una lista desplegable

Vista de la grilla

Para indicar las máscaras , es decir el tipo de edición y dato que tendrá definido cada columna, se debe usar la
propiedad ColMask, indicando el índice de la columna, por ejemplo :
' solo fechas para la columna 2

http://www.recursosvisualbasic.com.ar/htm/ocx-componentes-activex-dll/154-ocx-ub... 28/07/2010
Grillas y Grid editable Page 2 of 7

' solo fechas para la columna 2

UBGrid1.ColMask(2) = DateOnly

Los valores que admite la propiedad ColMask son 5:

1. Checkmark : Para usar con CheckBox

2. DateOnly : Solo admitirá fechas
3. NumericOnly : Solo admitirá números
4. Uppercase : Solo Mayúsculas
5. NoMask : Sin máscara , admite cualquier valor ingresado

Para indicar que una columna, no sea editable, se debe indicar como valor False en la propiedad ColAllowEdit, por
ejemplo en la columna 1

ubGrid1.ColAllowEdit(1) = False

También en el ejemplo, se muestra como limitar la cantidad de caracteres para ingresar en una determinada celda,
en este caso en la primera columna, se limita la cantidad de caracteres a 5, usando la propiedad ColEditWidth:

ubGrid1.ColEditWidth(1) = 5

Para recorrer , asignar y consultar los datos, tiene el mismo método que usa el FlexGrid, el método TextMatrix, y
también los métodos AddItem y RemoveItem entre otros

Para saber el texto de la celda , la propiedad text devuelve dicho valor

MSgbox ubGrid1.Text

Descargar control UbGRid

2 - Control Ocx Grid Editor

Este otro control es muy similar al anterior, y es una grilla tipo FlexGrid que permite establecer en las columnas el
tipo de dato a presentar ( fecha, hora, con checkbox, lista desplegable mediante un combo, celdas que solo admitan
números, etc..) , y el control posee varios eventos para poder validar y trabajar con el control

Vista previa del Grid

http://www.recursosvisualbasic.com.ar/htm/ocx-componentes-activex-dll/154-ocx-ub... 28/07/2010
Grillas y Grid editable Page 3 of 7

En el zip para descargar, en la columna 1 se establece para entrada de datos de cualquier tipo.

En la columna dos para ingresar solo fechas , que se hace mediante un DataPicker desplegable

En la columna tres para usarlo con un combo o lista desplegable

La columna 3 para seleccionar horas

y las otras dos para poder ingresar solo números

Descargar control ocx Grid Editor

3 - Control KFlexgrid
KFlexgrid está hecho con un MsFlexgrid, pero tiene algunas funciones extra o extendidas , como por ejemplo :

1. Autoajuste de columnas y filas ( Método AutoSize . Propiedad AutoSizeMode )

2. Salvar el contenido a un archivo de Excel o en formato html ( Métodos SaveAsExcel y SaveGrid )
3. Alternar colores de las filas mediante la propiedad BackColorAlternate
4. Hacer que la grilla se pueda o no editar ( propiedad Editable )
5. Mover la selección de celda en forma automática al presionar el botón enter o las flechas de dirección, ya sea
hacia abajo o hacia la derecha ( propiedad EnterKeyBehaviour )
6. Sacar el valor Máximo, el mínimo, sumar, contar , un rango determinado del flexgrid, utilizando el método

http://www.recursosvisualbasic.com.ar/htm/ocx-componentes-activex-dll/154-ocx-ub... 28/07/2010
Grillas y Grid editable Page 4 of 7

Aggregate
7. algunas otras

Descargar KFlexGrid

Descargar el código fuente del control

4 - NestGrid
Este ocx está hecho con un control MsFlexGrid, y se accede a la base de datos mediante Dao

Para configurarlo , se debe hacer desde la página de propiedades , en la ficha Base de datos se debe indicar el path,
y al seleccionar la bd, se listarán en el combo inferior, el Recordsource para poder seleccionar la tabla en la cual
estará enlazado el control

Para que la grilla se permita edición de los datos , se debe colocar la propiedad Editable en True. Una ves que tiene
esta propiedad activada, cualquier cambio que se realice , se reflejará en la base de datos

También, desde la solapa Format, se puede indicar el formato para las columnas . Los formatos que tiene son
( Number, Currency, Date o sin formato )

http://www.recursosvisualbasic.com.ar/htm/ocx-componentes-activex-dll/154-ocx-ub... 28/07/2010
Grillas y Grid editable Page 5 of 7

Descargar Nestgrid

5 - S-Grid
Este es un componente Open source desarrollado por vbaccelerator, muy completo y con buena interfaz para poder
implementar Grids en nuestros programas, no solo para base de datos si no también para otros usos.

El grid permite crear, desde columnas con simples celdas de texto, hasta columnas con texto con formato,
imágenes, de un dato específico : Números, fechas, imágenes + Texto, crear grupos de celdas, y configurar muchos
aspectos visuales, es decir es muy personalizable.

En la página para descargar el componente, contiene 5 demos o proyetos de ejemplo: El formulario principal,
contiene el Grid y en la parte derecha, las propiedades y opciones :

Activar o no la multiselección de filas y celdas

Hacer o no editable la grilla
Mostrar o no las cabeceras
Mostrar u ocultar las líneas divisorias
Como alternar colores de filas y columnas
Cargar datos aleatorios
Agregar filas y nuevas columnas.
Cambiar otras propiedades visuales.

http://www.recursosvisualbasic.com.ar/htm/ocx-componentes-activex-dll/154-ocx-ub... 28/07/2010
Grillas y Grid editable Page 6 of 7

También , desde el menú demo, hay otros forms de ejemplos:

Task-List

Grid que permite usar una columna con cajas de verificación, columnas con grupos, texto normal, y valores
numéricos, en este caso para visualizar un porcentaje. También añadir nuevas filas en tiempo de ejecución.

Estilo Email

Descargar. El ejemplo lo podés descargar desde la web de vbaccelerator.com en este enlace, o si no mas fácil
desde este otro, que ya incluye el proyecto, mas los archivos necesarios: ( SSubTmr.dll + vbalIml.ocx +
vbalSGrid.ocx), por que desde la página de descarga tendrás que descargar cada archivo por separado.

Importante: Debes registrar el archivo SSubTmr.dll para poder probar el proyecto, si no dará error al iniciar.

Relacionados a este componente: Este otro enlace es un artículo complementario para poder aprender a utilizar
la grilla : Desplegar listas de opciones, BalloonTips, listas de opciones + CheckBox, descripción de los eventos entre
otros. ( Se encuentra en inglés )

Ver artículo

Y en esta otra página, podés ver algunos ejemplos que realicé utilizando este control : S-Grid - Ejemplos

Recursos vb 6.0 - Relacionados

Editar MsFlexgrid con un comboBox

http://www.recursosvisualbasic.com.ar/htm/ocx-componentes-activex-dll/154-ocx-ub... 28/07/2010
Grillas y Grid editable Page 7 of 7

Flexgrid editable para fechas con un DtPicker

Enlaces con ejemplos relacionados a flexgrid

Recursos vb.NET - Relacionados

Sumar, contar, minimo y máximo en un DataSet

Buscar en Recursos vb con Google

Buscar

Recursos visual basic - Buscar - Privacidad - Copyright © 2005 - 2009 - www.recursosvisualbasic.com.ar

http://www.recursosvisualbasic.com.ar/htm/ocx-componentes-activex-dll/154-ocx-ub... 28/07/2010