2. Pulse Intro.
3. En el controlador de componentes, Ir a la pestaa(tab) Context, haga clic derecho al CONTEXT y seleccione Crear > Node.
5. Crear cuatro atributos dentro de ese nodo mediante un clic derecho del EMPLOYEE y seleccione Crear > Atribute. 6. Los atributos son del siguiente tipo.
9. Dar Nombre del atributo como EMP_NO con tipo CHAR8 y pulse Enter.
10. En la pestaa(tab) Layout de la vista, haga clic en el ROOTUIELEMENTCONTAINER e insertar elemento. Se abrir un Pop-Up para la creacin de un elemento.
11. Escriba Label en el campo Name y seleccione Label como Tipo y pulse Enter.
12. Crear otro elemento con el nombre INPUT y seleccione el tipo InputField y pulse Enter.
13. En las Propiedades de Label, selecciona INPUT para el campo labelfor y digite Enter The Employee Numberen el campo de TEXT.
14. Crear un contexto de enlace para el INPUT haciendo clic en el botn en la parte derecha de la propiedad VALUE. Se abrir una ventana emergente con el elemento de contexto. Seleccione el atributo EMP_NO y pulseEnter.
15. Crear otro elemento haciendo clic derecho en ROOTUIELEMENTCONTAINER e insertar el elemento. Se abrir un Pop-Up para la creacin. 16.
Introduzca BUTTON en el campo Name y seleccione Button como Tipo y pulse Enter.
17. A continuacin, crear una accin para el evento OnAction del botn haciendo clic. Crear accin, y a continuacin, dar el nombre de Accin GET_EMPLOYEE_DETAILS y pulse Enter.
18. Crear otro elemento de la interfaz con el nombre VIEW y de tipo seleccione ViewContainerUIElement.
20. Ir al componente ZWA_ALV_BUSINESS_GRAPH y haga doble clic. En la pestaa(tab) Used Component, declarar el componente de ALV, como se muestra a continuacin y pulseEnter.
21. Ahora ve a la vista MAIN, en la pestaa Properties haga clic en el botn Create Controller Usage, como se muestra a continuacin.
22. Se abrir una pantalla con entradas en Component Use. Seleccione el Component Use con el controlador de interfaz de ALV, como se muestra a continuacin. Pulse Enter.
24. Luego vaya ZWA_ALV_BUSINESS_GRA del Window. A continuacin, Haga clic derecho la vista y seleccione Embed View.
27. Se abrir una pantalla para seleccionar una vista. Seleccione EMPTYVIEW y pulse Enter.
28. Los valores sern colocados al Insertar una vista. A continuacin, pulse Enter.
29. Una vez ms, hacer click a la derecha en la vista y seleccione Embed View.
30. Se abrir un Pop-up para la vista Insertar. 31. Haga clic en F4, colocando el cursor en el campo View to Be Embedded.
32. Seleccione ALV en Component Use con la vista TABLE en View/Interface y pulseEnter.
33. Los valores sern colocados en Embed a View. PulseEnter. (Nota: la vista vaca se coloca delante dentro de la vista es para ocultar la tabla de ALV al principio).
35. Se abrir un pop-up por elegir Destination for Navigation. Haga clic en F4 en el campo Dest.View.
37. Esto mostrar las entradas como se muestra a continuacin. A continuacin, pulse Enter.
38. Ahora ir a Component usages en el rbol de la izquierda y ampliar ALV y de doble clic en el INTERFACECONTROLLER_USAGE. Luego haz clic en el botn de Uso del controlador en la ventana del lado derecho.
39. Se abrir una pantalla para seleccionar el Component Use All, seleccionar la COMPONENTCONTROLLER en el View / Controller. A continuacin, pulse Enter.
40. Luego de arrastrar y soltar el nodo EMPLOYEE en el nodo DATA del CONTEXT INTERFACECONTROLLER.
).
SELECT ZZORGEH ZZ_PER_ASSG BEGDA ENDDA INTO CORRESPONDING FIELDS OF TABLE lt_employee FROM PA9027 WHERE PERNR EQ lv_emp_no AND ENDDA EQ '99991231'. DESCRIBE TABLE lt_employee LINES lv_num. lo_nd_employee->BIND_TABLE( lt_employee ). data lo_cmp_usage type ref to if_wd_component_usage. lo_cmp_usage = wd_this->wd_cpuse_alv( ). if lo_cmp_usage->has_active_component( ) is initial. lo_cmp_usage->create_component( ). endif. DATA lo_INTERFACECONTROLLER TYPE REF TO IWCI_SALV_WD_TABLE . lo_INTERFACECONTROLLER = wd_this->wd_cpifc_alv( ). DATA lo_value TYPE ref to cl_salv_wd_config_table. lo_value = lo_interfacecontroller->get_model( ). * Set Visible Row Count as 5 lo_value->if_salv_wd_table_settings~set_visible_row_count( lv_num ). * The Config Table Setting to Display Table & Business Graphics DATA: l_ref_config_table TYPE REF TO if_salv_wd_table_settings, l_display_as TYPE salv_wd_constant VALUE '02'. l_ref_config_table ?= lo_value. l_ref_config_table->set_display_as( value = l_display_as ). endmethod.
44. Crear la aplicaciones WebDynpro, guardar y probar la aplicacin. Salida: 1.Enterduce el nmero de empleado en el campo de entrada y haga clic en el botn Get Details.