Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor

Plan.

Applies to:
This article applies to SAP Netweaver 7.01, Web Dynpro ABAP. For more information, visit the Web Dynpro ABAP homepage.

Summary
If you are new to Web dynpro ABAP and want to get familiar with Floor Plan Manager this is the right tutorial for you. In this tutorial, you will learn how to develop a simple WDA application that allows the user to display the results from SFLGIHTS table using Floor plan Manager. Followed by this article, will publish further more articles related to Floor Plan Manager. Author: Shanmuganathan Rajkumar.

Company: Kaar Technologies. Created on: 14 December 2010.

Author Bio
Rajkumar is a SAP Certified Netweaver Consultant Working in Kaar Technologies. Raj has a B.Tech. in Information Technology from Anna University and an MBA and working in SAP since 2005. He has been involved in various projects as a technical consultant in ABAP, Business server pages, ABAP Web Dynpro, Adobe Flex and Business Objects(Xcelcius).

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | BPX - bpx.sap.com | BOC - boc.sap.com | UAC - uac.sap.com 1

Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor Plan.

Table of Contents
Creation of Web Dynpro ABAP Component: ...................................................................................................... 3 Creation of Web Dynpro ABAP Component: ...................................................................................................... 3 Assigning of Component FPM_OIF_COMPONENT: ......................................................................................... 7 Creation of Application and Component Configuration: ..................................................................................... 7 Related Content ................................................................................................................................................ 12 Disclaimer and Liability Notice .......................................................................................................................... 13

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | | BOC - boc.sap.com | UAC - uac.sap.com 2

Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor Plan.

Creation of Web Dynpro ABAP Component:

Create a simple Web Dynpro Component that displays the results of the table SFLIGHT. Create a Web Dynpro ABAP Component ZFPM_TUTORIAL_1 as shown.

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | | BOC - boc.sap.com | UAC - uac.sap.com 3

Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor Plan.

Implement the Interface IF_FPM_BUILDING_BLOCK under the Implemented interfaces of the Web Dynpro Component and click the button Reimplement.

In the View section, create a node under the context tab, named ZFLIGHTS which should have the dictionary structure as SFLIGHT.

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | | BOC - boc.sap.com | UAC - uac.sap.com 4

Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor Plan.

Select all the fields from the structure.

Create a View element of type table.

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | | BOC - boc.sap.com | UAC - uac.sap.com 5

Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor Plan.

Create the binding for the table from already created context ZFLIGHTS.

Fill the node zflights from the Transparent table SFLIGHT.

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | | BOC - boc.sap.com | UAC - uac.sap.com 6

Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor Plan.

Assigning of Component FPM_OIF_COMPONENT:

Create the Web Dynpro application for the component ZFPM_TUTORIAL_1 and assign the component as FPM_OIF_COMPONENT and interface view as FPM_WINDOW.

Creation of Application and Component Configuration:

Once you have assigned the OIF Component and OIF interface view to your Web Dynpro Application, it will be listed under the Web Dynpro Component FPM_OIF_COMPONENT.

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | | BOC - boc.sap.com | UAC - uac.sap.com 7

Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor Plan.

Once you find the Web Dynpro application under the Component FPM_OIF_COMPONENT, create an application Configuration for the same. Enter the new application configuration id (ZFPM_TUTORIAL_APP_1) and click create button.

Enter the Component Configurations for the Component usage ZFPM_TUTORIAL_1 and IDR_USAGE.

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | | BOC - boc.sap.com | UAC - uac.sap.com 8

Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor Plan.

Click Save after providing the new component configurations name as ZFPM_OIF_COMPONENT_1 and ZFPM_IDR_COMPONENT_2. Once you click save button, Go to component Configuration button will enable. Select the particular Component usage and click the button Go to component Configuration.

Click create button to create the component configurations.

Once you click OK, there you can assign the Web Dynpro component and view name under the mainview.

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | | BOC - boc.sap.com | UAC - uac.sap.com 9

Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor Plan.

Creation of Component Configuration for the component usage ZFPM_IDR_COMPONENT_2.

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | | BOC - boc.sap.com | UAC - uac.sap.com 10

Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor Plan.

Once you have completed the above steps, go to the parameters tab of the Web Dynpro application zfpm_tutorial_1 and enter value as the application configuration name for the parameter name WDCONFIGURATIONID as sown.

Finally test the Application to see how the Web Dynpro component is integrated using Object instance Floorplan.

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | | BOC - boc.sap.com | UAC - uac.sap.com 11

Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor Plan.

Related Content
Floorplan Manager (FPM) Web Dynpro ABAP Floor Plan Manager Dynamic assignment of component configuration using Floor plan Manager For more information, visit the Web Dynpro ABAP homepage.

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | | BOC - boc.sap.com | UAC - uac.sap.com 12

Floor Plan Manager for Newbies: (Part 1) Simple ABAP Web Dynpro Application using Object Instance Floor Plan.

Disclaimer and Liability Notice

This document may discuss sample coding or other information that does not include SAP official interfaces and therefore is not supported 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 or code sample, including any liability resulting from incompatibility between the content within this document and the materials and services offered by SAP. You agree that you will not hold, or seek to hold, SAP responsible or liable with respect to the content of this document.

SAP COMMUNITY NETWORK 2010 SAP AG

SDN - sdn.sap.com | | BOC - boc.sap.com | UAC - uac.sap.com 13