POWL in WebDynpro ABAP

The post describes, how to design POWL in webdynro abap. The design can be done in some steps.

  1. Designing the powl feeder class which tells what are the fields to be displayed & how displayed as the search criteria. Also tells what is the list table layout and data selection process to display the records on the list based on the search criteria.
  2. Creating  POWL application ID
  3. Creating POWL Type
  4. Linking POWL application ID with POWL Type.
  5. Creating POWL query.
  6. Assigning POWL Application ID to the POWL Query.
  7. Creting WebDynpro Application

Let’s have a look at one of the below structure which is going to be used in designing the POWL feeder class.

The field KIND – Navigate to its data element & domain fixed values.

23

The field PARAM_TYPE  – Navigate to its data element & domain fixed values.

45

The field SELOPT_TYPE – Navigate to its data element & domain fixed values.67

The POWL search criteria should contain two fields- CARRID & CONNID & the POWL list should display records from SPFLI table based on the search inputs.

Get the search help from the SFLIGHT table  for the field CONNID.

8

The POWL list displays data from SPFLI table. Now we have the table type ‘SPFLI_TAB’.

9

Create a class in Tx- SE24 & implement the interface IF_POWL_FEEDER.

10

Create an attribute GT_SPFLI which  is going to hold all records form SPFLI table based on the search input.

11

Here 3 methods are important. Any ways activate all methods.

  1. GET_SEL_CRITERIA- Used to prepare the search section.
  2. GET_OBJECT_DEFINITION- Used to prepare the list layout.
  3. GET_OBJECTS- Used to select the records based on the search criteria.

12

Put the below code in method GET_SEL_CRITERIA.

13

Put the code in method – GET_OBJECT_DEFINITION.

45.png

Put the code in method – GET_OBJECTS.

15

With this the POWL feeder class is ready.

Lets create POWL application ID. Go to Tx- FPB_MINTAIN_HIER. Click on Change & New entries button.


1617

Provide name as- ZTEST_FLIGHT_APP & save it. Go back.

1819


 

next step is to create POWL type . Go to Tx- POWL_TYPE & click on New Entries button.

20

Provide POWl Type ID as – ZTEST_FLIGHT_TYPE & also provide the feeder class. Save & go back.

212223


 

Next step is to link POWL application ID & the POWL type. Go to Tx- POWL_TYPER. Click on New Entries button.

24

Assign Application ID to the Powl type. Save & go back.

2526



 

Next step is to create POWL Query. Go to Tx- POWL_QUERY. Click on New Entries button.

27

Provide powl query name as – ZTEST_FLIGHT_QUERY & also provide powl type as- ZTEST_FLIGHT_TYPE. Save & Go back.

28

Next step is to link powl application Id to the POWL Query.go to Tx- POWL_QUERYR. Click on New entries button.

29

Assign the POWL Application ID & POWL Query . Save it & go back.

3031



 

Create an web dynpro component & make use of POWL webdynpro component- POWL_UI_COMP.

32

In the view add a View Container UI element. Go to the window.

33

Under properties tab, create the used component. Now go to outbound plugs.

34

Create an outbound plug and provide its parameters. Go to Window tab.

35

Embed view for the VC(View Container UI element)

36

Choose POWL_MASTER view.

37

Continue.

38

39

RIght click on outbound plug- OUT to create navigation link.

40

Choose second line.

41

Continue.

42

Go to the window method tab. double click on methheod HANDLEDEFAULT.

52

Put the below code which fires the outbound plug with the POWL APPLICATION ID & with POWL Query.

53

Create Web Dynpro application.

43

Test the application.

44



The below screen appears initially. Click on the drop down button to select a Query.

46

Choose the query name.

47

Click on preview button.

48

Click on Close button.

49

Click on apply.

50

Here we have the output.

51

 



 

Advertisements

2 comments

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s