ABAP Web Dynpro:

Tutorial Manejo de vistas

dinmicas y ocultar
campos dinmicamente
Manejo de vistas dinmicas y ocultar campos dinmicamente

1.- Una vez que hayamos creado un componente Web Dynpro.

2.- Vamos a crear 3 vistas, una de ellas ser la principal y las otras 2 sern las vistas dinmicas,
La vista principal tendr un campo para ocultar los elementos, 2 botones para llamar a las vistas
de forma dinmica y un contenedor interactivo.

ABAP Web Dynpro:

09/11/2013 Tutorial Manejo de vistas dinmicas y ocultar campos dinmicamente 2
3.- La otras 2 vistas tendrn un texto para identificar la vista y un texto que ser el modificado
para ser ocultado.

4.- Para ocultar los campos se creo un nodo con un atributo de tipo flag, que genera un checkbox
en los elementos de pantalla.

ABAP Web Dynpro:

09/11/2013 Tutorial Manejo de vistas dinmicas y ocultar campos dinmicamente 3
5.- Para asignar las vistas de forma dinmica mediante el uso de botones debemos crear los
enlaces entre los botones y las vistas, para ello en la vista principal creamos los PLUGS de salida.

6.- Asignamos los PLUGS a cada uno de los botones que creamos.

ABAP Web Dynpro:

09/11/2013 Tutorial Manejo de vistas dinmicas y ocultar campos dinmicamente 4
7.- Ambos botones estn vinculados a un PLUG de salida.

8.- El siguiente paso es crear los PLUGS de entrada en las vistas secundarias.

ABAP Web Dynpro:

09/11/2013 Tutorial Manejo de vistas dinmicas y ocultar campos dinmicamente 5
9.- Una vez creado los PLUGS debemos hacer la conexin entre ellos, para esto nos vamos a la
ventana, y debemos incrustar ambas vistas en el container de la vista principal.

10.- Una vez incrustadas las vistas, debemos hacer el enlace de los PLUGS, los de salida de la
principal a los de entrada de las vistas secundarias.

ABAP Web Dynpro:

09/11/2013 Tutorial Manejo de vistas dinmicas y ocultar campos dinmicamente 6
11.- Para ocultar los campos hacemos el mapeo del nodo creado hacia la vista principal y las
vistas secundarias.

12.- Luego a los elementos que deseamos controlar la visualizacin de forma dinmica, le
asignamos el campo del contexto a la propiedad de visualizacin.

ABAP Web Dynpro:

09/11/2013 Tutorial Manejo de vistas dinmicas y ocultar campos dinmicamente 7
13.- Una vez realizada toda esta configuracin, creamos la aplicacin y hacemos la prueba.

14.- Si marcamos el chechkbox de ocultar debera mostrarse y ocultarse el campo de texto

creado, y cuando presionamos los botones cambia de forma dinmica la vista que vemos en
container dinmico.

ABAP Web Dynpro:

09/11/2013 Tutorial Manejo de vistas dinmicas y ocultar campos dinmicamente 8