WEB DYNPRO FOR ABAPIII

Agenda del corso

• Dalla SAP Gui alla Web Dynpro per ABAP• Modello di programmazione Web Dynpro• Web Dynpro: Overview• User Interface: View e UI Elements• Controller e Context• Navigazione e Plug• Help Valori• Internazionalizzazione e Messaggi• Advanced Topics

Agenda del corso

• Dalla SAP Gui alla Web Dynpro per ABAP• Modello di programmazione Web Dynpro• Web Dynpro: Overview• User Interface: View e UI ElementsUser Interface: View e UI Elements• Controller e Context• Navigazione e Plug• Help Valori• Internazionalizzazione e Messaggi• Advanced Topics

User Interface: View e UI Elements

View e UI Elements

• View­ È­contenuta­in­una­

Window­ Definisce­il­Layout­visibile­

utilizzando­elementi­UI­ Non­contiene­HTML­ Non­contiene­Java-

Scripting• UI Elements

­ Sono­i­più­semplici­elementi­UI­­utilizzabili­(button,­input­fields,…)

­ Disponibili­nel­sistema­SAP

­ Contengono­proprietà­per­regolare­il­loro­aspetto

­ Possono­essere­annidati­nel­Container­UI­Elements

­ Sono­posizionati­nel­Container­­in­una­struttura­gerarchica

User Interface: View e UI Elements

Categorie di Elementi UI

• Sono­supportate­diverse­Categorie­di­UI­Elements

• Ogni UI Elements è rappresentato con una Classe di tipo ABSTRACT che lo rende indipendente da ogni Client Presentation Layer

User Interface: View e UI Elements

Definizione Layout View

User Interface: View e UI Elements

View Assembly

• Definizione View Assembly­ Il­subset­di­Views­visibili­contemporaneamente­su­una­Windows

• Navigazione o Interazioni Utente ­ possono­determinare

· sostituzione­di­una­View­all’interno­di­una­View­Area­· sostituzione­di­tutte­le­View­all’interno­di­una­Window­

User Interface: View e UI Elements

Windows e Nested Views

­ La­Window­gestisce­il­set­di­possibili­Views­che­possono­definire­uno­SCREEN­visibile­ed­è­responsabile­del­Rendering

­ La­Window­può­avere­Zero­o­n­Views­Embedded­ La­View­può­avere­un­ViewContainerUIElements.­Questo­permette­di­

annidare­le­views­in­una­Window­e­permettere­di­visualizzarne­più­contemporaneamente

­ Il­ViewContainerUIElemens­può­visualizzare­1­view­per­volta­ Una­Applicazione­può­avere­più­Window.­La­gestione­dipende­dal­

Component­Controller­e­dai­singoli­View­Controller

Controller e Context

View Controller e Context

• Controller­ Contiene­le­logiche­di­

gestione­del­UI­Layer­ Implementa­le­logiche­

degli­Event­Handlers­ Gestisce­l’aggiornamento­

del­Context­Node­Content­ Ogni­View­ha­il­suo­

Controller• Context

­ Gerarchia­di­Nodi­e­Attributi

­ Contiene­i­dati­utilizzati­nel­UI

­ Nodi­e­Attributi­possono­essere­legati­agli­elementi­UI

­ Il­Framework­ne­cura­l’aggiornamento­dei­valori

Controller e Context

View Controller e View Context

Controller e Context

Component Context

• Context Metadata­ Tutti­i­Context Nodes­

sono­Collections­ Un­Collection Nodes­è­

composto­da­Elements­ Un­Element­può­essere­

un­attributo­o­un­nodo­ La­Cardinalità­è­la­

proprietà­che­controlla­il­numero­di­elementi­che­possono­essere­mantenuti­in­un­Node­Collection­a­RunTime

Controller e Context

Component Controller e Context Mapping

• Component controller­ È­il­controller­che­

supporta­il­componente­ Definisce­il­suo­Context­ Contiene­la­logica­per­

l’interazione­con­il­MODEL­(ABAP­class,­FM,­BAPI,­Web­Services)

• Context Mapping­ I­Nodi­del­Component­

Controller­Context­possono­essere­mappati­con­i­Nodi­di­altri­Context

­ Il­Framework­si­occupa­di­gestire­il­Data­Transport­(per­riferimento)

Controller e Context

Context Mapping

Controller e Context

Component Controller

Navigazione e Plug

Navigation e Plugs

• La­navigazione­tra­view­si­ottiene­definendo­ENTRY­e­EXIT­point­per­ogni­view­che­utilizzi­INBOUND­e­OUTBOUND­PLUGS

• Dopo­questa­operazione­è­possibile­definire­il­Navigation Link

Navigazione e Plug

Navigation e Plugs

ESSENTIA.COM srl

Via­Druento,­290­­-­10078­Venaria­Reale­(TO)Tel.:­011­–­4560.511­­­­fax:­011­–­4560.577

Via­Nizza,­56­–­00198­RomaTel.:­06­–­85305570­­­­­fax:­06­–­85800504

Mail:­ inforoma@e-ssentia.itWeb:­­­­www.e-ssentia.com

Powerd­by­Bossù Piergiorgio