Manual 11 Intermedio

Uso de imágenes como un enlace en la

tabla

para Web Dynpro ABAP

Se aplica a:

SAP ECC 6.0 en adelante. Para obtener más información, visite el Web Dynpro ABAP página de inicio.

Resumen

Normalmente sabemos cómo utilizar la imagen en Web Dynpro, aunque sabemos que el uso de Enlace sobre la acción y el uso de imagen, pero aquí vamos a utilizar la imagen de enlace a la acción y el uso de la tabla para mostrar las imágenes en la tabla junto con otros detalles. He utilizado el ejemplo del avión de combate, puede ser sustituida por los requerimientos del negocio.

Autor: Anmol Bhat

Empresa: Tecnics Integration Technologies Pvt. Ltd.

Creado el: 13 de enero 2011

Biografía del autor

Anmol Bhat es un Consultor SAP ABAP. Tiene 4 años de experiencia en SAP ABAP y 1 año de experiencia en Web Dynpro para ABAP.

SAP Community Network © 2011 SAP AG

SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - Boc.sap.com | UAC - Uac.sap.com 1

Uso de imágenes como un enlace en la tabla de la Web Dynpro ABAP

Tabla de contenidos

Requisitos previos 3

Objetivo .................... 3

El uso de imágenes en la Tabla 3 Paso 1: 3

Paso 2: 4

Paso 3: 6

Paso 4: 7

Paso 5: 11

Paso 6: 11

Paso 7: 12

Paso 8: 12

Paso 9: 12

Paso 14

Paso 15

Paso 15

Paso 15

Paso 15

Paso 15

Paso 16

Paso 16

Paso 16

Paso 17

Paso 17

Salida de ................ 17

Contenido relacionado 19

Descargo de responsabilidad y nota de responsabilidad 20




Requisitos previos

El conocimiento de OOABAP se requiere.

Conocimientos básicos de Web Dynpro para ABAP también es necesario.

Objetivo

Fácilmente podemos utilizar imágenes en Web Dynpro para ABAP, mi idea es usar la imagen en el cuadro y también lo hacen evento manejar de modo que si el usuario haga clic en este debe realizar alguna acción de tomar referencia de la imagen.

Actual idea es hacer algo como si se pincha en la imagen que aparece en la tabla, se le remitirá a nuevo punto de vista para los detalles de esa imagen o producto.

El uso de imágenes en la Tabla

Pasos:

Paso 1:

Crear un Web Dynpro borrador mediante la transacción SE80.




Paso 2:

Importar imagen con objetos MIME

Dar ruta de la imagen.




Guardar imagen.

Repita los mismos pasos para ver más imágenes.




Paso 3:

Crear nodos de controlador componente.

a) Crear nodo iSource con cardinalidad 0 .. n y selección 0 .. 1, que incluye las siguientes atributos

ATRIBUTO NOMBRE

IMAGE_SOURCE

IMAGE_TEXT

FTYPE

FCOUNTRIES

FGENERATION

FABRICANTE

TIPO

STRING

STRING

STRING

STRING

STRING

STRING

b) Crear IDETAILS nodo que tiene IMAGE_SOURCE atributos STRING tipo y IMAGE_DETAILS CARDINALITY tipo STRING_TABLE 0 .. n. c) Crear un nodo con más INFO tipo STRING IMAGE_SOURCE y tipo iText STRING_TABLE como atributos CARDINALITY 0 .. 1. d) Crear unos registros de nodos con tipo de atributo STRING NO_OF_REC.




Paso 4:

Crear función de oferta de iSource y IDETAILS.

a) Código de la función de oferta de iSource

Método GET_IMAGE_SOURCE. DATOS: IT_ISOURCE TIPO IF_COMPONENTCONTROLLER => ELEMENTS_ISOURCE, WA_ISOURCE como línea de IT_ISOURCE.

REFRESCO IT_ISOURCE. CLEAR WA_ISOURCE.

WA_ISOURCE-IMAGE_SOURCE = 'f22.jpg'. WA_ISOURCE-IMAGE_TEXT = 'F22 Raptor'. "Superioridad aérea" CONCATENAR WA_ISOURCE-FTYPE EN WA_ISOURCE- FTYPE separados por un espacio. "ATAQUE DE TIERRA 'CONCATENAR WA_ISOURCE-FTYPE EN WA_ISOURCE- FTYPE separados por un espacio. CONCATENAR WA_ISOURCE-FTYPE 'Eletronic GUERRA' EN WA_ISOURCE- FTYPE separados por un espacio. 'Señales de Inteligencia' CONCATENAR WA_ISOURCE-FTYPE EN WA_ISOURCE- FTYPE separados por un espacio. CONCATENAR "UNITED STATES AF 'WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES. WA_ISOURCE-FGENERATION = '5 '. WA_ISOURCE-FABRICANTE = 'Lockheed Martin Aeronautics'. APPEND TO WA_ISOURCE IT_ISOURCE. CLEAR WA_ISOURCE.

WA_ISOURCE-IMAGE_SOURCE = 'MIG 29.jpg ". WA_ISOURCE-IMAGE_TEXT 'MIG 29' =. "Superioridad aérea" CONCATENAR WA_ISOURCE-FTYPE EN WA_ISOURCE- FTYPE separados por un espacio. 'RUSSIAN AF' CONCATENAR WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. CONCATENAR 'INDIAN AF' WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. CONCATENAR 'AF ucranianos WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. CONCATENAR WA_ISOURCE-FCOUNTRIES 'Luftwaffe' EN WA_ISOURCE- FCOUNTRIES separados por un espacio. WA_ISOURCE-FGENERATION = '4 '. WA_ISOURCE-FABRICANTE = 'Mikoyan. APPEND TO WA_ISOURCE IT_ISOURCE. CLEAR WA_ISOURCE.

WA_ISOURCE-IMAGE_SOURCE = 'mig21.jpg'. WA_ISOURCE-IMAGE_TEXT 'MIG 21' =. "Superioridad aérea" CONCATENAR WA_ISOURCE-FTYPE EN WA_ISOURCE- FTYPE separados por un espacio. CONCATENAR WA_ISOURCE-FCOUNTRIES 'SOVIATE AF' EN WA_ISOURCE- FCOUNTRIES separados por un espacio. CONCATENAR 'POLISH AF' WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. CONCATENAR 'INDIAN AF' WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio.




CONCATENAR 'RUMANO AF' WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. WA_ISOURCE-FGENERATION = '3 '. WA_ISOURCE-FABRICANTE = 'Mikoyan. APPEND TO WA_ISOURCE IT_ISOURCE. CLEAR WA_ISOURCE.

WA_ISOURCE-IMAGE_SOURCE = 'Mirage2000.jpg'. WA_ISOURCE-IMAGE_TEXT = 'Mirage 2000'. CONCATENAR WA_ISOURCE- FTYPE 'polivalente con variantes "en WA_ISOURCE- FTYPE separados por un espacio. CONCATENAR WA_ISOURCE-FCOUNTRIES 'FRANCESA AF' EN WA_ISOURCE- FCOUNTRIES separados por un espacio. CONCATENAR 'INDIAN AF' WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. CONCATENAR 'EAU AF' WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. CONCATENAR WA_ISOURCE- "REPÚBLICA DE CHINA AF 'FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. WA_ISOURCE-FGENERATION = '4 '. WA_ISOURCE-FABRICANTE = 'Dassault Aviation. APPEND TO WA_ISOURCE IT_ISOURCE. CLEAR WA_ISOURCE.

WA_ISOURCE-IMAGE_SOURCE = 'Su MKI.jpg 30'. WA_ISOURCE-IMAGE_TEXT = 'SU 30 MKI. CONCATENAR WA_ISOURCE- FTYPE 'polivalente con variantes "en WA_ISOURCE- FTYPE separados por un espacio. CONCATENAR WA_ISOURCE- 'FIGHTER superioridad aérea' FTYPE EN WA_ISOURCE- FTYPE separados por un espacio. 'STRIKE FIGHTER' CONCATENAR WA_ISOURCE-FTYPE EN WA_ISOURCE- FTYPE separados por un espacio. CONCATENAR 'INDIAN AF' WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. WA_ISOURCE-FGENERATION = '4 .5 '. WA_ISOURCE-FABRICANTE = 'Hindustan Aeronautics Limited'. APPEND TO WA_ISOURCE IT_ISOURCE. CLEAR WA_ISOURCE.

WA_ISOURCE-IMAGE_SOURCE = 'Tejas_inverted_pass.jpg'. WA_ISOURCE-IMAGE_TEXT = 'HAL Tejas'. CONCATENAR WA_ISOURCE- FTYPE 'polivalente con variantes "en WA_ISOURCE- FTYPE separados por un espacio. CONCATENAR 'INDIAN AF' WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. APPEND TO WA_ISOURCE IT_ISOURCE. WA_ISOURCE-FGENERATION = '4 '. WA_ISOURCE-FABRICANTE = 'Hindustan Aeronautics Limited'. CLEAR WA_ISOURCE.

WA_ISOURCE-IMAGE_SOURCE = 'F-14Tomcat.jpg'.




WA_ISOURCE-IMAGE_TEXT = 'F-14 TOMCAT ". CONCATENAR WA_ISOURCE- 'FIGHTER superioridad aérea' FTYPE EN WA_ISOURCE- FTYPE separados por un espacio. CONCATENAR WA_ISOURCE- FTYPE 'polivalente con variantes "en WA_ISOURCE- FTYPE separados por un espacio. CONCATENAR "UNITED STATES AF 'WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. WA_ISOURCE-FGENERATION = '4 '. WA_ISOURCE-FABRICANTE = 'Grumman. APPEND TO WA_ISOURCE IT_ISOURCE. CLEAR WA_ISOURCE. WA_ISOURCE-IMAGE_SOURCE = 'f15.jpg'. WA_ISOURCE-IMAGE_TEXT = 'F-15'. CONCATENAR WA_ISOURCE- 'FIGHTER superioridad aérea' FTYPE EN WA_ISOURCE- FTYPE separados por un espacio. CONCATENAR "UNITED STATES AF 'WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. CONCATENAR WA_ISOURCE-FCOUNTRIES 'JAPAN AIR LIBRE Fuerza de Defensa "en WA_ISOURCE-FCOUNTRIES separados por un espacio. CONCATENAR 'Royal Saudi AF' WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. 'AF israelíes CONCATENAR WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. WA_ISOURCE-FGENERATION = '4 '. WA_ISOURCE-FABRICANTE = 'McDonnell Douglas. APPEND TO WA_ISOURCE IT_ISOURCE. CLEAR WA_ISOURCE. WA_ISOURCE-IMAGE_SOURCE = 'jaguar.jpg'. WA_ISOURCE-IMAGE_TEXT = 'SEPECAT Jaguar ". "ATAQUE DE TIERRA 'CONCATENAR WA_ISOURCE-FTYPE EN WA_ISOURCE- FTYPE separados por un espacio. CONCATENAR 'INDIAN AF' WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. CONCATENAR WA_ISOURCE-FCOUNTRIES 'ROYAL AF DE OMAN' EN WA_ISOURCE- FCOUNTRIES separados por un espacio. WA_ISOURCE-FGENERATION = 'NA'. WA_ISOURCE-FABRICANTE = 'SEPECAT'. APPEND TO WA_ISOURCE IT_ISOURCE. CLEAR WA_ISOURCE. WA_ISOURCE-IMAGE_SOURCE = 'su_pak_fa.jpg'. WA_ISOURCE-IMAGE_TEXT = 'Sukhoi Su-50 PAK FA. CONCATENAR WA_ISOURCE-FTYPE 'STREALTH polivalente "en WA_ISOURCE- FTYPE separados por un espacio. 'RUSSIAN AF' CONCATENAR WA_ISOURCE-FCOUNTRIES EN WA_ISOURCE- FCOUNTRIES separados por un espacio. WA_ISOURCE-FGENERATION = '5 '. WA_ISOURCE-FABRICANTE = "Sukhoi". APPEND TO WA_ISOURCE IT_ISOURCE. CLEAR WA_ISOURCE. nodo-> bind_table (it_isource). EndMethod.




b) Código de la función de oferta de IDETAILS

MÉTODO GET_IMAGE_DETAILS. TIPO DE DATOS: IT_TEXT IF_COMPONENTCONTROLLER => ELEMENTS_IDETAILS, WA_TEXT como línea de IT_TEXT, I_DESC COMO TABLA DE WA_TEXT-IMAGE_DETAILS, WA_DESC tipo String.

Actualizar: IT_TEXT, I_DESC.

WA_TEXT-IMAGE_SOURCE = 'f22.jpg'. APPEND 'F22 Raptor' A-WA_TEXT IMAGE_DETAILS. Append 'Por favor, ponga los detalles de F22' A WA_TEXT- APPEND TO WA_TEXT IT_TEXT. REFRESCO WA_TEXT-IMAGE_DETAILS. CLEAR: WA_TEXT.

IMAGE_DETAILS.

WA_TEXT-IMAGE_SOURCE = 'MIG 29.jpg ". 'MIG 29' APPEND TO-WA_TEXT IMAGE_DETAILS. Append 'Por favor, ponga los detalles de MIG 29' A-WA_TEXT IMAGE_DETAILS. APPEND TO WA_TEXT IT_TEXT. REFRESCO WA_TEXT-IMAGE_DETAILS. CLEAR: WA_TEXT.

WA_TEXT-IMAGE_SOURCE = 'mig21.jpg'. 'MIG 21' APPEND TO-WA_TEXT IMAGE_DETAILS. Append 'Por favor, ponga los detalles de MIG 21' APPEND TO WA_TEXT IT_TEXT. REFRESCO WA_TEXT-IMAGE_DETAILS. CLEAR: WA_TEXT.

A WA_TEXT-IMAGE_DETAILS.

WA_TEXT-IMAGE_SOURCE = 'Mirage2000.jpg'. Append 'Por favor, ponga los detalles de Mirage 2000' A WA_TEXT- IMAGE_DETAILS. APPEND TO WA_TEXT IT_TEXT. REFRESCO WA_TEXT-IMAGE_DETAILS. CLEAR: WA_TEXT.

WA_TEXT-IMAGE_SOURCE = 'Su MKI.jpg 30'. APPEND 'SU 30 MKI' TO-WA_TEXT IMAGE_DETAILS. Append 'Por favor, ponga los detalles de Su-30 MKI "A WA_TEXT- IMAGE_DETAILS. APPEND TO WA_TEXT IT_TEXT. REFRESCO WA_TEXT-IMAGE_DETAILS. CLEAR: WA_TEXT.

WA_TEXT-IMAGE_SOURCE = 'Tejas_inverted_pass.jpg'. APPEND 'HAL Tejas' A-WA_TEXT IMAGE_DETAILS. Append 'Por favor, ponga los detalles de HAL Tejas' A WA_TEXT- IMAGE_DETAILS. APPEND TO WA_TEXT IT_TEXT. REFRESCO WA_TEXT-IMAGE_DETAILS. CLEAR: WA_TEXT.

WA_TEXT-IMAGE_SOURCE = 'F-14Tomcat.jpg'.




APPEND 'F-14 Tomcat' TO-WA_TEXT IMAGE_DETAILS. Append 'Por favor, ponga los detalles de F-14' TO-WA_TEXT IMAGE_DETAILS. APPEND TO WA_TEXT IT_TEXT. REFRESCO WA_TEXT-IMAGE_DETAILS. CLEAR: WA_TEXT.

WA_TEXT-IMAGE_SOURCE = 'f15.jpg'. 'F-15' APPEND TO-WA_TEXT IMAGE_DETAILS. Append 'Por favor, ponga los detalles de F15' APPEND TO WA_TEXT IT_TEXT. REFRESCO WA_TEXT-IMAGE_DETAILS. CLEAR: WA_TEXT.

WA_TEXT-IMAGE_SOURCE = 'Jaguar.jpg'. APPEND 'Jaguar' TO-WA_TEXT IMAGE_DETAILS. Append 'Por favor, ponga los detalles de Jagaur' APPEND TO WA_TEXT IT_TEXT. REFRESCO WA_TEXT-IMAGE_DETAILS. CLEAR: WA_TEXT.



WA_TEXT-IMAGE_SOURCE = 'su_pak_fa.jpg'. APPEND 'Sukhoi Su PAK FA' A-WA_TEXT IMAGE_DETAILS. Append 'Por favor, ponga los detalles de MIG 21' A-WA_TEXT IMAGE_DETAILS. APPEND TO WA_TEXT IT_TEXT. REFRESCO WA_TEXT-IMAGE_DETAILS. CLEAR: WA_TEXT. NODO-> BIND_TABLE (IT_TEXT). EndMethod.

Paso 5:

Crear nueva vista llamada FLIGHT_TABLE.

Paso 6:

Ir a la ficha contextual de la vista y el mapa de nodos FLIGHT_TABLE iSource, IDETAILS, INFO y Registros el contexto de la vista.




Paso 7:

Ir a la ficha Enchufes de entrada y crear una FROM_FLIGHT_DETAILS enchufe de entrada.

Paso 8:

Ir a la ficha Enchufes de salida y crear un TO_FLIGHT_DETAILS enchufe de salida.

Paso 9:

Ahora ve a la pestaña de diseño crear elementos siguientes.

Grupo

i. ii. 1) Tabla i. ii. iii. iv.

ID = FLIGHT_GRP Layout = MATIX

ID = FLIGHT_TABLE DATASOURCE = FLIGHT_TABLE.ISOURCE (obligatorio) Filas visibles = FLIGHT_TABLE.RECORDS.NO_OF_REC (obligatorio) Modo de selección = ninguno.

1,1) Columna de la tabla

i. ID = TableColumn

1.1.1) Leyenda

i. ii.

ID = CAPTION_2 Text = Vuelo imagen

1.1.2) Crear editor célula como ENLACE A LA ACCIÓN

i.

ii.

iii. iv. v

1.2)

i.

ID = vínculo_de_imagen

Altura imagen = 50 px

Image Source = FLIGHT_TABLE.ISOURCE.IMAGE_SOURCE (obligatorio) Ancho de imagen = 50 px En Action = IMAGE_SELECTED (Método para la Acción).

Columna de tabla

ID = TABLECOLUMN_1

1.2.1) Leyenda

i.

ii.

ID = CAPTION_3

Text = Nombre de vuelo.

1.2.2) Crear editor célula como TextView

i.

ii.

ID = FLIGHT_NAME

Text = FLIGHT_TABLE.ISOURCE.IMAGE_TEXT (vinculante).

Crear mismas columnas mesa y editor de celdas con TEXTVIEWS para FGENERATION, fabricante, FTYPE Y FCOUNTRIES.




Disposición para el FLIGHT_TABLE vista.




Paso 10: Ahora ir a la pestaña Métodos y escribir el siguiente código para el método ONACTIONIMAGE_SELECTED.

MÉTODO ONACTIONIMAGE_SELECTED. DATOS: REF ELE_ISOURCE TIPO DE IF_WD_CONTEXT_ELEMENT, NODE_IDETAILS REF TIPO DE IF_WD_CONTEXT_NODE, REF TIPO DE NODE_INFO IF_WD_CONTEXT_NODE, REF TIPO DE ELE_INFO IF_WD_CONTEXT_ELEMENT, IT_IDETAILS TIPO IG_COMPONENTCONTROLLER => ELEMENTS_IDETAILS, WA_IDETAILS como línea de IT_IDETAILS, W_INFO TIPO IG_COMPONENTCONTROLLER => ELEMENT_INFO, P_IMAGE_SOURCE tipo String. CLEAR: P_IMAGE_SOURCE. ELE_ISOURCE = WDEVENT- > GET_CONTEXT_ELEMENT (NAME = 'CONTEXT_ELEMENT'). ELE_ISOURCE-> GET_ATTRIBUTE (NOMBRE DE EXPORTACIÓN = 'IMAGE_SOURCE' IMPORTACIÓN DE VALOR = P_IMAGE_SOURCE).

NODE_IDETAILS = WD_CONTEXT- > GET_CHILD_NODE (name = IF_FLIGHT_TABLE => WDCTX_IDETAILS).

NODE_IDETAILS-> GET_STATIC_ATTRIBUTES_TABLE ( IMPORTACIÓN TABLA = IT_IDETAILS).

SI NO ES IT_IDETAILS INICIAL. LEA IT_IDETAILS tabla en WA_IDETAILS CON LLAVE IMAGE_SOURCE = P _IMAGE_SOURCE. IF SY-SUBRC = 0. MOVIMIENTO WA_IDETAILS IMAGE_SOURCE-A-W_INFO IMAGE_SOURCE. MOVIMIENTO WA_IDETAILS IMAGE_DETAILS-A-W_INFO iText. ENDIF. ENDIF. SI NO ES W_INFO INICIAL. NODE_INFO = WD_CONTEXT- > GET_CHILD_NODE (NAME = IF_FLIGHT_TABLE => WDCTX_INFO).

ELE_INFO = NODE_INFO-> GET_ELEMENT ( ).

ELE_INFO-> SET_STATIC_ATTRIBUTES ( EXPORTACIÓN STATIC_ATTRIBUTES = W_INFO). ENDIF. SI NO ES W_INFO INICIAL. WD_THIS-> FIRE_FROM_FLIGHT_DETAILS_PLG ( ). ENDIF. EndMethod.




Paso 11:

Escriba el código siguiente en el método WDDOINIT

método WDDOINIT. DATOS: REF NODE_ISOURCE TIPO DE IF_WD_CONTEXT_NODE, NODE_IRECORDS REF TIPO DE IF_WD_CONTEXT_NODE, ELE_IRECORDS TIPO DE REF IF_WD_CONTEXT_ELEMENT, LÍNEA DE CADENA TIPO, IT_ISOURCE TIPO IG_COMPONENTCONTROLLER => ELEMENTS_ISOURCE.

NODE_ISOURCE = WD_CONTEXT- > GET_CHILD_NODE (NAME = IF_FLIGHT_TABLE => WDCTX_ISOURCE).

NODE_ISOURCE- > GET_STATIC_ATTRIBUTES_TABLE (IMPORTAR TABLA = IT_ISOURCE). DESCRIBE TABLE IT_ISOURCE línea líneas. NODE_IRECORDS = WD_CONTEXT- > GET_CHILD_NODE (name = IF_FLIGHT_TABLE => WDCTX_RECORDS). ELE_IRECORDS = NODE_IRECORDS-> GET_ELEMENT (). ELE_IRECORDS-> set_attribute (NOMBRE = `` NO_OF_REC VALOR DE LA LÍNEA =). EndMethod.

Paso 12:

Crear nueva vista llamada FLIGHT_DETAILS

Paso 13:

Ir a la ficha contextual y el nodo de vinculación con el contexto INFO vista.

Paso 14:

Ir a la clavija de entrada y crear TO_FLIGHT_TABLE enchufe de entrada.

Paso 15:

Ir al enchufe de salida y crear FROM_FLIGHT_TABLE enchufe de salida.




Paso 16:

Ir a la pestaña Layout y crear estos elementos.

Grupo i.ID = GROUP_DETAILS ii.Layout = Matix Título i.ID CAPTION = ii.Text = Detalles del vuelo IMAGEN i.ID = FLIGHT_IMAGE ii.Enabled = '' iii.Height = 100px iv.Source = FLIGHT_DETAILS.INFO.IMAGE_SOURCE v.Width = 100px TextEdit i.ID = FLIGHT_DETAILS ii.Value = FLIGHT_DETAILS.INFO.ITEXT BOTÓN i.ID = VOLVER ii.OnAction = GO_BACK (acción con enchufe de salida FROM_FLIGHT_TABLE)

1.

2.

3.

4.

Paso 17:

Ahora ve a la carpeta Windows y se unen los puntos de vista a la ventana principal Programar una vista por defecto FLIGHT_TABLE

Paso 18:

Crear vínculo de navegación para FLIGHT_TABLE a FLIGHT_DETAILS y vice-versa.




Paso 19:

Activar todos los componentes.

Paso 20:

Crear aplicaciones Web Dynpro, guardar y ejecutar.

Salida

Pinche en la imagen




Contenido relacionado

Web Dynpro ABAP - Tabla Dinámica

Web Dynpro ABAP - ALV y la tabla en la ventana emergente

Web Dynpro: Colorear Columna en ALV

Para obtener más información, visite el Web Dynpro ABAP página de inicio




Descargo de responsabilidad y nota de responsabilidad Este documento puede discutir la codificación de la muestra u otra información que no incluye las interfaces de SAP oficiales y por lo tanto no es con el apoyo de SAP. Los cambios realizados sobre la base de esta información, no son compatibles y pueden ser anuladas durante una actualización.

SAP no se hace responsable de los daños y perjuicios causados por el uso o mal uso de la información, código o métodos sugeridos en este documento, y cualquier persona que utilice estos métodos, lo hará bajo su su / propio riesgo.

SAP no ofrece ninguna garantía y no asume ninguna responsabilidad u obligación de ningún tipo con respecto al contenido de este artículo técnico o ejemplo de código, incluyendo cualquier responsabilidad derivada de la incompatibilidad entre el contenido de este documento y los materiales y servicios ofrecidos por SAP. Usted se compromete a no mantener, o tratar de conservar, SAP responsable con respecto al contenido de este documento.



Manual 11 Intermedio

Documents

Transcript of Manual 11 Intermedio