Floor Plan Manager_ by Jaya

8/13/2019 Floor Plan Manager_ by Jaya

1/17

SAP COMMUNITY NETWORK SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com | UAC - uac.sap.com 2011 SAP AG 1

Web Dynpro ABAP - Floor PlanManager

Applies to:SAP ECC 6.0. For more information, visit the Web Dynpro ABAP homepage .

SummaryThe article tells about displaying employee details using Floor Plan Manager in Web Dynpro for ABAP.

Author: J.Jayanthi

Company: Siemens IT Solutions and Services Pvt. Ltd.

Created on: 19 April 2011

Author BioJ.Jayanthi is a Certified ABAP consultant with HR ABAP and Web Dynpro ABAP knowledge.
https://www.sdn.sap.com/irj/sdn/nw-wdabaphttps://www.sdn.sap.com/irj/sdn/nw-wdabaphttps://www.sdn.sap.com/irj/sdn/nw-wdabaphttps://www.sdn.sap.com/irj/sdn/nw-wdabap


2/17

Web Dynpro ABAP - Floor Plan Manager


Table of ContentsFloor Plan Manager in Web Dynpro ABAP ................. .................. ................. ................. .................. .................. 3

Prerequisites ....................................................................................................................................................... 3

Creating Web Dynpro ......................................................................................................................................... 3

Component Controller .................. ................. ................. .................. ................. ................. .................. ............... 4

View . ........................................................................................................................................................ 5 Window. .............................................................................................................................................................. 8

Code . .................................................................................................................................................... 8

Creating Web Dynpro Application .................................................................................................................... 10

Create Configuration ................. ................. ................. .................. ................. ................. .................. ................ 10

Output .. .................................................................................................................................................. 14

Related Content .................. ................. .................. ................. .................. ................. .................. ................. .... 16

Disclaimer and Liability Notice .......................................................................................................................... 17


3/17



Floor Plan Manager in Web Dynpro ABAPFloor Plan Manager shortly called as FPM provides framework for developing new Web Dynpro ABAPapplication interfaces consistent with SAP UI guidelines. There are following floor plans:

Object Instance Floorplan (OIF)

Guided Activity Floorplan (GAF)

Quick Activity Floorplan (QAF)

In this article, we are going to see the usage of OIF.

PrerequisitesComponentThe component is the central, reusable unit of the application project. You can create any number of views ina component and arrange them in any number of windows.

ViewThe view is the smallest unit of a Web Dynpro application visible for the user. The layout elements and dialogelements - for example, tables, text fields, or buttons - required for the application are arranged in a view.The view contains a controller and a controller context in which the application data to be processed is storedin a hierarchical structure. This allows the linking of the graphical elements with the application data.

Window A window is used to group multiple views and to specify the navigation between the views. A view can onlydisplayed by the browser if the view is embedded in a window.

Apart from this, developer should be able to create bas ic Web Dynpro ABAP application for developing thisexercise.

Creating Web DynproGo to SE80 and select Web Dynpro Comp./Intf. and provide the name(say ZZZ_JAYTEST24) to create.Then enter the description and choose the type as Web Dynpro Component. Double click the WebDynproInterface and add IF_FPM_UI_BUILDING_BLOCK in implemented interfaces tab and then reimplement it.


4/17



Component ControllerCreate four nodes as shown below.

Set the cardinality for employee as 1:1 and rest else as 0:n.

Create attribute pernr inside employee node. Similarly from PA0002, select the fields for details nodes asshown below.

Select fields from PA0001 for ORG_DATA and from PA0006 for ADDRESS as shown.


5/17



ViewNow we are going to create four views. One for receiving the user input of employee number. Other forholding table for Employee details, other for holding organizational data and the last one for address.

In the context tab, map the node Employee to the Main view for user input.

Design the layout as below.

Create another view ORG_DATA and design as below.


6/17



Design its layout as below by creating table and binding its attributes.

Similarly create another view called Details. Map the node details in its context.

Design its layout as below by creating table.


7/17



Create the last view Address. Map the node as below in context and design the layout by creating table for

the mapped node and do the binding.


8/17



WindowCreate four windows as below one for each view.

User Input is the window for main.

CodeWe are going to code in Component Controller method Process Event .

Use Web Dynpro code wizard to generate code automatically.

Step a:Choose the radio button Read context for the node EMPLOYEE.

Step b:

Read node details.

Step c:Read node Org_data.

Step d:

Read node Address.


9/17



Keep the required generated code and delete the rest which is not required.

Add the logic for selecting data from database tables.

You can use appropriate types statement to fetch the required only from each table.


10/17



Creating Web Dynpro ApplicationCreate Web Dynpro Application by right clicking the Webdynpro (ZZZ_JAYTEST24).

Right click the Web Dynpro component and activate.

Mention the component, Interface view and Plug name as below. You can see the application under thepackage and not under Web Dynpro Interfaces as usual after saving.

Create ConfigurationGo to SE80 and give the package name and then choose the Web Dynpro application created. Then rightclick to create configuration.

Give the configuration name as below and click create.


11/17



After entering the configuration name as circled for each OIF and IDR component, enter configuration namefor OIF component and then click Go to Component Configuration button.

In this, press INITIAL_SCREEN and then enter as below in INITIAL_SCREEN_UIBB. Here USER_INPUT isthe name of the window.


12/17



Similarly open variant and enter the ID as MAIN(first view).


13/17



Then open MAINVIEW inside that and enter details as below. Here USER_INPUT is the name of theWindow.

We now need 3 other windows inside this window. So create three subviews as below.

Then click Save button.


14/17



OutputGo to SE80 once again by ending the existing session, and from package (or if it is local objects), choose theWeb Dynpro application and then click test.

Press Start button and then go to the page.


15/17




16/17



Related ContentFloorplan Manager for Web Dynpro ABAP

Floorplan Manager (FPM) Web Dynpro ABAP

For more information, visit the Web Dynpro ABAP homepage .
http://help.sap.com/saphelp_nw70ehp1core/helpdata/en/9f/95467bbefc4a808fffeba4c5177258/content.htmhttp://help.sap.com/saphelp_nw70ehp1core/helpdata/en/9f/95467bbefc4a808fffeba4c5177258/content.htmhttp://www.sdn.sap.com/irj/sdn/index?rid=/webcontent/uuid/00b4312a-ac72-2b10-e0ad-e0219cfeb78ehttp://www.sdn.sap.com/irj/sdn/index?rid=/webcontent/uuid/00b4312a-ac72-2b10-e0ad-e0219cfeb78ehttps://www.sdn.sap.com/irj/sdn/nw-wdabaphttps://www.sdn.sap.com/irj/sdn/nw-wdabaphttps://www.sdn.sap.com/irj/sdn/nw-wdabaphttps://www.sdn.sap.com/irj/sdn/nw-wdabaphttp://www.sdn.sap.com/irj/sdn/index?rid=/webcontent/uuid/00b4312a-ac72-2b10-e0ad-e0219cfeb78ehttp://help.sap.com/saphelp_nw70ehp1core/helpdata/en/9f/95467bbefc4a808fffeba4c5177258/content.htm


17/17


Disclaimer and Liability NoticeThis document may discuss sample coding or other information that does not include SAP official interfaces and therefore is n otsupported by SAP. Changes made based on this information are not supported and can be overwritten during an upgrade.

SAP will not be held liable for any damages caused by using or misusing the information, code or methods suggested in this document,and anyone using these methods does so at his/her own risk.

SAP offers no guarantees and assumes no responsibility or liability of any type with respect to the content of this technical article orcode sample, including any liability resulting from incompatibility between the content within this document and the materials andservices offered by SAP. You agree that you will not hold, or seek to hold, SAP responsible or liable with respect to the content of thisdocument.

Date post:	04-Jun-2018
Category:	Documents
Upload:	nregula
View:	217 times
Download:	0 times

Floor Plan Manager_ by Jaya

Documents