✒️ABAP La construcción del formulario: tablas, líneas de código y gráficos
ABAP La construcción del formulario: tablas, líneas de código y gráficos
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
 
 
 
Sobre el autor
Publicación académica de Alex Francisco Lemos Collazos, en su ámbito de estudios para la Carrera Consultor ABAP.
Alex Francisco Lemos Collazos
Profesión: Ingeniero en Sistemas - Colombia - Legajo: QS36A
✒️Autor de: 174 Publicaciones Académicas
🎓Cursando Actualmente: Master S/4HANA Material Management
🎓Egresado de los módulos:
- Máster Material Management en SAP S/4HANA LOGISTIC
- Carrera Consultor ABAP Nivel Avanzado
- Carrera Consultor ABAP Nivel Inicial
- Carrera Consultor en SAP SD Nivel Inicial