ABAP Web Dynpro:

Tutorial 14- Uso de

Smartforms en Web
Dynpro
ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro………………………………..………3

Objetivos del desarrollo…………………………………………………………………………………………………3

Procedimiento……………………………………………………………………………………………………………….3

Creación de un componente Web Dynpro………………………………………………………….3

Creación de nodo para la fuente del PDF……………………………………………………………6

Creación de un elemento en la vista……………………………………………………..…………..7

Creación del método para mostrar el formulario……………………………………………….9

Creación de una Aplicación Web Dynpro………………………………………………………….12

Activar y Ejecutar la Aplicación…………………………………………………………………..…….14

Resultado……………………………………………………………………………………………………………………..16

Ayuda en línea SAP……………………………………………………………………………………………………….16

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 2
 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro

Objetivos del desarrollo

En este tutorial paso a paso se creará una aplicación Web Dynpro para mostrar un Smartforms.
Ese elemento se muestra en el explorador en tiempo de ejecución en formato PDF. Además, se
creará una aplicación Web Dynpro para este componente, que se puede ejecutar en el
navegador.

Procedimiento

Creación de un componente Web Dynpro

1.- Iniciar el ABAP Workbench (SE80) y seleccionar la opción Web-Dynpro-Comp/Intf. De la lista

de objetos disponibles.

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 3
2.- Para crear un nuevo componente Web Dynpro, introducimos el nombre ZHRPA_0021 para el
nuevo componente en el dialogo de selección de la lista de objetos, y seleccionamos Visualizar.

3.- En la ventana de dialogo que debe de aparecer, se puede introducir la descripción del nuevo
objeto y seleccionar el tipo de componente Web Dynpro que se va a crear. En la ventana de
dialogo se puede hacer el cambio de nombre de la ventana que viene por defecto.

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 4
Asignamos el componente ZHRPA_0021 al paquete $TMP

Como resultado, ahora se puede ver el nuevo árbol de objetos del componente Web Dynpro
creado ZHRPA_0021, el cual va a contener el controlador de los objetos del componente, la
interfaz del componente (que contiene el controlador del las interfaces de entrada y las vistas
del controlador) y las ventanas. Puedes acceder a los objetos presionando doble-click.

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 5
Creación de nodo para la fuente del PDF

1.- Abrir el editor de vistas y cambiar a la pestaña CONTEXT.

2.- Crear un atributo de tipo XSTRING.

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 6
Creación de un elemento en la vista

1.- Abrir el editor de vistas y cambiar a la pestaña Layout.

2.- Insertar un nuevo elemento UI.

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 7
3.- En el campo pdfsource de las propiedades colocar el campo que se creo en el contexto.

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 8
Creación del método para mostrar el formulario

1.- Cambiar a la pestaña METHODS.

2.- Implementar el método WDDOINIT.

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 9
3.- Hacer la llamada del formulario y convertirlo en PDF.

4.- Convertir el PDF a XSTRING.

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 10
5.- Pasar el formulario a la variable creada en el contexto.

6.- Salvar los cambios.

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 11
Creación de una Aplicación Web Dynpro

1.- Click en el componente Web Dynpro ZHRPA_0021 en el árbol de objetos y abrir el menú
contextual para crear la nueva aplicación.

2.- Introducir el nombre (o aceptar el nombre propuesto) y presionar Continuar (Enter).

3.- Salvar el objeto.

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 12
06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 13
Activar y Ejecutar la Aplicación

1.- Activar todos los Objetos.

2.- Seleccionar todos los objetos relevantes y presionar Continuar (Enter).

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 14
3.- Iniciar la aplicación, presionar click derecho sobre la aplicación Web Dynpro, en el menú
contextual seleccionar la opción Test, o presionar F8.

El Navegador se debería iniciar con la Aplicación Web Dynpro creada. Loguearse con el usuario y
la contraseña utilizada anteriormente.

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 15
Resultado

Hemos creado un nuevo componente Web Dynpro que contiene un Smartforms en formato PDF.
Además hemos creado una Aplicación Web Dynpro que puede ser iniciada directamente con un
URL.

Ayuda en línea SAP

Más información acerca de ABAP Web Dynpro, se puede encontrar en el portal de ayuda de SAP,
en el link a continuación.

http://help.sap.com/saphelp_nw04s/helpdata/en/77/3545415ea6f523e10000000a155106/fram
eset.htm

06/11/2013 ABAP Web Dynpro: Tutorial 14- Uso de Smartforms en Web Dynpro 16