Call us! 512-349-0334 or (877) INDUSOFT

Nueva Aplicación de Ejemplo: Mostrando un archivo Excel en un objeto Grid en InduSoft Web Studio

 

¿Usted desea mostrar el contenido de un archivo Excel en su proyecto InduSoft Web Studio con la opción de agregar filas al final del archivo Excel? El objeto Grid le permitirá realizarlo. Eche un vistazo al proyecto adjunto de ejemplo. Este tiene un cuadrícula con una fuente de datos Excel que se utiliza en las propiedades avanzadas del objeto Grid para insertar nuevas filas en la cuadrícula.

 

Descargue aquí la Aplicación de ejemplo

 

Esta aplicación es pequeña y concisa que básicamente utiliza dos objetos de pantalla (un botón y una cuadrícula), siete tags y cuatro campos de entrada de valores para mostrar la data en un archivo Excel. El botón cambia los tags para escribir data en los campos de entrada de valores al archivo Excel y actualiza el objeto Grid para que se pueda ver la nueva data.

grid1

Para construir esta funcionalidad en su propio proyecto, primero cree un archivo Excel en blanco en la raíz de su carpeta de proyecto con el nombre de “grid.xls.” Luego inserte un objeto Grid en una pantalla y configure el objeto haciendo clic en “Database” y  en “Data Source Settings” como se muestra al presionar en el botón con puntos seguidos […].

grid2

grid3

Luego, seleccione el botón “Advanced” en el objeto Grid para configurarlo como en la siguiente figura:

grid4

Los siguientes campos son usados como a continuación.

User Enable: 1 (habilita el objeto Grid)

Reload: tag gridReload (Booleano)

Insert Trigger: tag gridInsert (Booleano)

Inserted Values: Arreglo de 4 tags gridRow[1] (Cadena)

Darse cuenta que la posición del arreglo gridRow[1] se introduce en el campo de valores insertados. El objeto grid insertaría los valores en la hoja de cálculo empezando desde la posición [1] en la columna A. Si el campo fuese llenarse sin la anotación de la posición del arreglo, entonces la data se ingresaría empezando desde la posición [0] del arreglo.

Las columnas del objeto Grid son configurados como se muestra en la siguiente figura:

 grid5

Los campos de entrada de valores son

First Name: tag gridRow[1], una entrada de valor ingresado como cadena manualmente.

Last Name: tag gridRow[2], una entrada de valor ingresado como cadena manualmente.

Age: tag gridRow[3], una selección de combo-box con etiquetas estáticas muestran como fuente de información, y las edades establecidas desde 18 a 75

Gender: tag gridRow[4], 2 botones radio son establecidos para seleccionar Masculino o Femenino

grid6

Finalmente, se tiene que configurar el objeto botón, en la cual se tiene dos funciones de botón “On-Down” and “On-Up”, ambos están establecidos en el tipo “Toggle Tag”. En “On-Down” va alternar el tag gridInsert, donde insertará la data desde los tags gridRow [1], [2], [3], y [4] en la cuadrícula y al mismo tiempo insertará la misma data en el archivo de la hoja de cálculo.

grid7

Ahora en “On-Up” va alternar el tag gridReload, lo cual actualizará la cuadrícula con la nueva data.

grid8

Comments are closed.