ABAP-WebDynpro Course Content

www.onlinewebdynprotraining.com Pagemail [email protected]

Webdynpro ABAP Course contentWeb Dynpro Introduction

What is webdynpro ABAP?Lifecycle of webdynpro ABAPAdvantage of webdynpro ABAPIntroduction to entities

o Controllerso Contexto APIso Configurationo Layoutso Definition of component and properties

Webdynpro JAVA v/s Webdynpro ABAPModel View Controller(MVC) architecture

o Model Data modelo View UI modelo Controller Logical programmingo Layering concepto Relational model with model and controllero Design pattern and OOPS

Webdynpro Serviceso Configuring services in sap for webdynproo View controller serviceso Creating web service for webdynproo Service calls and external serviceso Fully qualified domain name (FQDN) in webdynproo Configuring FQDNo Settings of FQDNo SAP web application service security

Webdynpro Controllers

Structure of controllero Attributeso Context sectiono Reuse sectiono Methodso Eventso Modelo Handlerso Inbound plugo Outbound plugo Layouto Hook methods


Types of controllero Component controllero Configuration controllero Custom controllero Interface controllero Window controllero View controller

Difference between view controller and component controllerDifference between component controller and interface controllerHook methods

o Component controllerDOINITDOEXITDOBEFORENAVIGATIONDOONAPPLICATIONSTATECHANGEDOPOSTPROCESSING

o Configuration controllero Custom controllero Interface controllero Window controller

DOONOPENDOONCLOSE

o View controllerDOINITDOEXITDONMODIFYVIEWDOBEFOREACTIONDOAFTERACTION

Context

Contexto Introduction to contexto Creating nodeso Creating attributeso Creating dependent nodeso Creating independent nodeso Creating iterative nodes

Context node propertieso Cardinality

0..10..n1..11..n

o Selection0..10..n1..11..n

o Singletono Supply function


o Initialize lead selectiono Behaviors of different properties

Context mappingo Internal mappingo External mappingo Cross-component mappingo Reverse mappingo Mapping between reusable componentso Inter-framework mapping

Context programmingo Reading nodeo Reading elemento Creating single element using create_element methodo Creating multiple elements bind_tableo Creating structural element bind_static_attributeso Dynamically adding elements to context nodeo Deleting elements using remove_elemento Navigating through context treeo Binding elementso Setting attribute values for single element using set_attributeo Setting attribute values for structural element using set_static_attributeso Setting attribute values for table element using set_static_attributeso Getting values from elements for single and complex element

Data bindingo Simple bindingo Complex bindingo Binding with singleton nodeo Binding with node having max cardinality no Binding with single UI elemento Binding with table UI elemento Binding with tree UI elemento Binding with properties of UI elemento Binding with attribute property of context element

User interface elements

Input fieldo Creating input fieldo Setting ID for input fieldo Binding obligatory property of input fieldo Setting tooltip for input fieldo Setting properties like enable, read-only etc.o Coding for input fieldo Defaulting value in input fieldo Setting fonts for input fieldo Disabling input fieldo Hiding input field dynamicallyo Password type input field

TextView


o Creating Text viewo Setting ID for Text viewo Binding obligatory property of Text viewo Setting tooltip for Text viewo Setting properties like enable, read-only etc.o Coding for Text viewo Defaulting value in Text viewo Setting fonts for Text viewo Disabling Text viewo Hiding Text view dynamicallyo Password type Text view

Buttonso Creating buttonso Setting id for buttono Adding text to buttono Creating action for buttono Handling on_click event

Text edit controlCheck boxLineVGutterTitle barValue selectors

o Radio buttonsBy IndexBy Key

o Drop downBy IndexBy Key

o List boxBy IndexBy Key

Table UI elemento Creating Tableo Creating cell editorso Adding label and columns to cell editoro Adding table columns from context nodeo Adding table columns and cell editor manuallyo Changing cell editorso Binding table UI elemento Setting data into table UI element from Bind_tableo Disabling table columnso Hiding table columnso Changing color of table columnso Deletion of table row

Using Context element deleteUsing Node value delete

o Changing table row and updating contexto Changing table layouto Setting table titleo Getting related data using Supply functiono Creating table toolbar and adding table buttons


o Handling table eventsRow selectRow clickColumn selectCell clickChange cellOn enter

Tree UI elemento Creating hierarchyo Maintaining table context according to hierarchyo Setting text for root nodeo Binding levels of treeo Code for each level of treeo Accessing data for tree in event handlerso Using element as signature of event methodo Setting tree titleo Creating tree toolbar and adding tree buttonso Deletion of tree brancheso Changing data in tree hierarchyo Handling tree events

Double clickNode selectExpand

Roadmap UI elementChips

o Creating chipso Creating Inporto Creating Out porto Using Page Builder APIo Using Page headero Using standard chipo Passing data to interface of chip

Business Graphicso Creating business graphicso Binding Business graphicso Nodeo Bindingo Comparisono Store Application

Containerso Transparent container

Creating transparent containerSetting layout for transparent containerAdding UI elements to containerAdding UI elements together to containerSetting background color for transparent containerSetting width and height for containerCreate container form option

o Trayo Group containero Scrollable container

Business graphics


o Chartso Bar charto Pie charto Line charto Formso Horizontal charts

Tab stripo Tabstrip creationo Adding tabs to tabstripo Changing tabstrip texto Adding tabstrip to containero Changing tab text dynamicallyo Showing views for tabso Positioning of tabs

Layout propertieso Grid layouto Form layouto Row layouto Matrix layouto Layout head data

View container UI elemento Creating View containero Showing view of same component in view containero Showing view of another component in view containero Changing layout for view containero Addition of views in view container using WINDOW

Navigationo Navigation between viewso Creation of inbound and outbound plugo Firing of outbound plug for navigationo Connecting plugs for navigation in WINDOWo Defining navigation between viewso Default plug concepto Cross-component navigationo RESUME plugo Passing parameter using plug between views

Internationalization

Showing text from ABAP dictionaryo Binding text from ABAP dictionaryo Showing heading, long, medium and long texts

Showing text from OTRo Introduction to online text repositoryo Attaching text from OTRo Creating OTR texto Changing text to OTRo Changing text to OTR dynamically into fixed language

Showing text from Assistance classo Introduction to assistance classo Object WD_ASSIST


o Creating text elements in assistance classo Calling method to get text from assistance classo Other uses of assistance class

Messages

Introduction to controller APIIntroduction to Message APIGetting message manager class objectCalling message methodShowing direct messageShowing message from message classShowing attribute error messageError handling and highlighting of text boxesHandling of messages in DOBEFOREACTION method

Component Reuse

Introduction to component reuseInterface controller and nodesExternal context mapping between used and usable componentALV Component

o Adding reusable component in componento Adding reference of INTERFACECONTROLLER of reuse component in controllerso Adding viewcontainer UI elemento Using interface view in view container of used componento Creating proxy objecto Creating interface controller objecto External context mappingo Calling methods of ALV to

Change column widthHide columnShow columnShowing icon in columnChanging color of columnChanging label of columnShowing image in columnALV functions

o Subscribing to events of ALVRow selectColumn clickColumn selectOn change of

OVS Componento Object value selectoro Dictionary search helpo Freely programmed search helpo Attaching own search help to fields


Select optionso Creating range tableo Adding of range tableo Dynamic table creationo Handling user inputo Selecting data using range inputo Calling methods to default inputo Calling methods to set functions to range

Dialog Boxes (Popups)

Introduction to popup APIUsing controller api to get window managerShowing URL in new windowShowing popup with text and buttonsShowing reusable component in new windowShowing window of same component as popupPopup action handlingType casting of popup apiDisplaying Interface View of Component Usage as Popup

Faceless component

Adaptation Techniques

Introduction of adaptionType of adaption techniques

o Configurationo Customizationo Personalization

Types of adaptiono Implicito Explicit

Creation of component configurationCreation of application configurationUsing application parameterDynamic assignment of application configurationStatic assignment of application configurationCustomizer and customizationPersonalization

Dynamic Modifications at Runtime

Creating Context nodes dynamicallyo Creation of context nodeo Dynamically setting the propertieso Addition of attributes to dynamic context nodeo Allocating memory dynamicallyo Binding elements to dynamic context nodeo Removing node


Creating UI elements dynamicallyo Obtaining ROOTUIELEMENTCONTAINER objecto Introduction to UI element classeso Creation of UI element objecto Setting layout property for UI element objecto Adding UI element to ROOTUIELEMENTCONTAINER object

Attaching actions dynamically to UI element

Enhancements in webdynpro

Controller enhancemento Pre-exito Post-exito Overwrite-exit

View Enhancemento Adding new elemento Removal of standard element

Class enhancement

Floorplan Manager

Object Instance Floorplan (OIF)Quick Activity Floorplan (QAF)Guided Activity Floorplan (GAF)Modifying IDR at runtimeIDR and extended IDRHandling FPM actions

ABAP-WebDynpro Course Content

Documents

Transcript of ABAP-WebDynpro Course Content