Cerca nel blog

giovedì 28 marzo 2019

ABAP - Web Dynpro: Creare una semplice Web Dynpro Application

Web Dynpro: Creare una semplice Web Dynpro Application


Richiamare la transazione SE80 e selezionare “Comp. / Interf. Web Dynpro”
Inserire il nome ZZ_00_SFLIGHT
 

Sull’oggetto creato, creare una view:



Inserire un nome e una descrizione:


Salva e attiva la View.
Nel menu ad albero a sx, fare doppio click sulla windows ZZ_00_SFLIGHT e trascinare (Drag and Drop) la MAINVIEW sotto la window ZZ_00_SFLIGHT


IMPORTANTISSIMO SETTARE LA WINDOWS COME DEFAULT.


Salva e attiva.
Fare ora doppio click sulla MAINVIEW e selezionare il TAB CONTEXT, poi creare un nodo


Inserire i seguenti parametri e premere il pulsante “Add attribute from Structure”.

Nella popup successiva selezionare tutti i campi e premere OK.

Salva e attiva.
Selezionare il Tab “Layout”


 


Associamo alla tabella creata, i dati da cui prendere i dati:


Premere il pulsante “Context…”,  e selezionare il nodo NODO_VOLO e premere OK.

Dopo, selezionare il tab Methods, e fare doppio click su WDDOINIT


Nel medoto inserire il seguente codice.

METHOD wddoinit .

*data declaration
  
DATAnode_sflight TYPE REF TO if_wd_context_node,
        itab_sflight 
TYPE STANDARD TABLE OF sflight.

* get data from table SFLIGHT
  
SELECT FROM sflight INTO TABLE itab_sflight.

* navigate from <CONTEXT> to <SFLIGHT> via lead selection
  node_sflight 
wd_context->get_child_nodename 'NODO_VOLO' ).

* bind internal table to context node <SFLIGHT>
  node_sflight
->bind_tableitab_sflight ).

ENDMETHOD.

 
Creare ora una Web dynpro Application:
Selezionare la web dynpro component ZZ_00_SFLIGHT


Salvare e attivare tutto, e nel menu ad albero a sx compare la Web dynpro application


Per testare l’applicazione:


Il risultato di questa dynpro è il seguente: