✒️ABAP / La construcción del formulario: tablas, líneas de código y gráficos Por Alex Lemos Collazos

1 | Tablas

Podemos crear una tabla para mostrar sus registros en un formulario Smartform.

Para ello, creamos el objeto TABLA presionando el botón derecho del mouse encima de la ventana donde queremos crear la tabla

y seleccionamos la opción Crear/Tabla.

1.1 - Creación de una tabla en en un formulario smartform

Luego veremos las siguientes subcarpetas creadas:

1.2 - Visualizamos la plantilla generada por defecto

Al igual que con las páginas, ventanas y textos asignamos un nombre relacionado

con el objetivo que cumplirá la tabla reemplazando el nombre genérico de ABAP.

Lo que visualizamos a la derecha es el Table Painter. Con el podremos determinar:

El número de líneas y columnas

El alto de cada línea

El ancho de cada columna

La alineación de la tabla en la ventana

Cómo y donde mostrar las líneas separadoras o marcos

El color de filas y columnas

Imagen 1.3 - El table painter

En la solapa Tabla también vemos el botón Details con el que podremos configurar en forma manual

lo que realizábamos a través del Table Painter entre otras cosas más. Si lo presionamos veremos:

La pestaña tabla y el botón detalles

Nuestra intención será mostrar en esta tabla, los datos de la tabla ZTABLA_USUARIOS que pasamos por parámetro.

Para ello, crearemos un Tipo Línea que contenga una columna para cada campo de la tabla de usuarios que mostraremos en el formulario.

Así crearemos el Tipo Línea L1 con la siguiente configuración:

1.5 - Creamos el tipo de línea L1

En la solapa Datos asignaremos la tabla interna TI_USUARIOS que recibe de parámetro de entrada el formulario

junto con la estructura ST_USUARIOS que utilizaremos para recorrer la tabla interna

y que declararemos en las Parametrizaciones globales como del tipo ZUSUARIOS

que contiene los mismos campos de la tabla base de datos de usuarios con excepción del mandante.

1.6 - Declaramos la tabla interna TI_USUARIOS en la pestaña Datos

También podemos especificar condiciones para recorrer la tabla en la ventana Condición WHERE

y el ordenamiento de la tabla interna en la ventana Criterios de clasificación.

1.7 - Especificamos condiciones para recorrer los registros de la tabla interna

En la solapa Cálculos podremos determinar cálculos a realizar con los campos de la tabla que estamos recorriendo.

1.8 - Especificamos cálculos a realizar en la pestaña Cálculo

En la solapa Opciones de salida especificaremos que vamos a usar el estilo Z_PRUEBA_ESTILO.

1.9 - Especificamos el estilo a utilizar

Finalmente en la solapa Condiciones podemos determinar condiciones para la visualización de la tabla al igual que realizamos con las ventanas.

1.10 - Especificamos condiciones en la pestaña Condiciones

Una vez que terminamos de crear la tabla vamos a asignar los Tipos Línea a las subcarpetas Ámbito Cabecera y Área Principal.

Para ello, presionamos el botón derecho del mouse encima de la carperta Ámbito Cabecera y seleccionamos la opción Crear/Entrada en tabla.

1.11 - Creamos una entrada en la tabla

A continuación seleccionamos el campo Tipo Línea L1 y automáticamente se generará dentro de la fila que acabamos

de crear la cantidad de columnas que especificamos en el Tipo Línea L1.

1.12 - Se genera la cantidad de columnas especificadas en el tipo de línea

Ahora cambiamos las descripciones genéricas de cada una de las columnas y asignaremos el estilo Z_PRUEBA_ESTILO a cada columna.

Dentro de cada una de las columnas crearemos un Elemento de texto que utilizaremos para completar

con cada una de las descripciones que mostrará el listado en la cabecera.

1.13 - Modificamos la descripción de cada columna y también creamos un elemento de texto

Luego haremos lo mismo que hicimos con la subcarpeta Ámbito Cabecera con la subcarpeta Área Principal.

Dentro de cada una de las columnas que se generaron crearemos un Elemento de texto

que utilizaremos para mostrar el contenido de cada campo de la tabla de usuarios.

1.14 - Insertamos la variable a imprimir en cada elemento de texto

Luego presionamos el botón continuar en la ventana de diálogo.

1.15 - Se genera la variable dentro del código del formulario

Este mismo procedimiento que realizamos con el campo DNI lo haremos con el resto de los campos de la tabla interna de usuarios.

2 | Líneas de código en los Smartforms

Podemos insertar líneas de código ABAP como un objeto dentro de un Smartform.

Estas líneas pueden ser utilizadas por ejemplo para calcular un total, verificar el valor de una variable, etc.

Para crear una línea de código presionamos el botón derecho del mouse encima de la ventana o carpeta en

donde queremos crear el código y seleccionamos la opción Crear/Lógica proceso/Líneas de programa.

2.1 - Creamos líneas de código ABAP dentro de un smartform

Luego veremos la siguiente pantalla:

2.2 - En las propiedades generales insertamos los parámetros de entrada y de salida

Dentro de la solapa Propiedades Generales podemos ver las siguientes tablas:

Parámetros de entrada (Input parameters):

aquí declararemos todas las variables de entrada que se utilicen en el código que escribiremos.

Estas variables deben haber sido declaradas previamente en las Parametrizaciones globales.

Parámetros de salida (Output parameters):

aquí declararemos todas las variables de salida que se utilicen en el código que escribiremos.

En el editor que se encuentra en la parte inferior de la pantalla introduciremos el código ABAP.

Verificación de la sintaxis del código ABAP en los Smartforms

Para verificar la sintaxis del código que escribamos y en general todo el formulario utilizaremos la opción del menú

> Formulario

|-> Verificar

3 | Gráficos

Podemos agregar fácilmente gráficos a nuestros formularios smartform.

Utilizaremos la transacción SE78 para importar, administrar, transportar y visualizar gráficos.

Los formatos de gráficos soportados son archivos .BMP y .TIF.

Para importar un gráfico accedemos al menú Gráfico/Import.

3.1 - Importamos un gráfico con la transacción SE78

Transacción SE78 (Administrador Imágenes)

Utilizaremos la transacción estándar SE78 para subir al sistema archivos de imágenes con los formatos .BMP y .TIF.

Luego ingresamos la ruta, nombre del archivo y elegimos el tipo de archivo Blanco y Negro o Color.

3.2 - Detallamos las especificaciones de la imagen a subir al sistema SAP

Por último, presionamos continuar y habremos subido el gráfico al servidor.

3.3 - Visualizamos el mensaje de éxito en la importación del archivo

Para probar que el gráfico se ha subido correctamente lo visualizamos presionando el botón de vista preliminar.

3.4 - Previsualizamos el gráfico que acabamos de subir al sistema SAP

Si queremos incluir el gráfico que acabamos de subir al servidor en una orden de transporte presionamos el botón Transportar

y introducimos el número de orden en la ventana de diálogo que aparece en pantalla.

3.5 - Incluimos la imagen dentro de una orden de transporte para transportarla

Ahora vamos a utilizar el gráfico en nuestro formulario.

Para ello, presionamos el botón derecho del mouse encima de la ventana LOGO y seleccionamos la opción Crear/Función Gráfica.

3.6 - Creamos la función gráfica para utilizar la imagen que acabamos de subir

En la solapa Propiedades Generales completamos los siguientes campos:

Nombre: con el nombre del archivo.

Objeto: con Graphics que corresponde al tipo bmap.

ID: con BMAP.

Luego elegimos el color de la imagen y finalmente podremos graduar el tamaño del

gráfico asignando una resolución determinada con el campo Resolución.

3.7 - Elegimos el color de la imagen y especificamos su tamaño