In this blog we will see how to create list output using FPM_LIST_UIBB_ATS.

Here I am creating the list in the Overview page floor plan so the first step will be to create the application and application configuration in FPM_OVP_COMPONENT for List output application.

In the ABAP Workbench create application ZTEST_LIST_APP for FPM Overview component FPM_OVP_COMPONENT.

/wp-content/uploads/2015/01/img1_629577.jpg

Provide the Interface View as FPM_WINDOW and Plug name as DEFAULT and save the application.

/wp-content/uploads/2015/01/img2_629578.jpg

Create Application configuration – ZTEST_LIST_APP_AC for application ZTEST_LIST_APP.

Next assign the component configuration to this application configuration, in our case we don’t have already created Component Configuration, we will assign – ZTEST_LIST_APP_CC and click on it.It will take us to the create Component configuration screen in that screen click on new button to create Component configuration ZTEST_LIST_APP_CC.

/wp-content/uploads/2015/01/img3_629600.jpg

/wp-content/uploads/2015/01/img4_629601.jpg

Now in the ZTEST_LIST_APP_CC , in the ‘Overview Page Schema’ tab add UIBB ‘List Component’ it will add UIBB Component of type ‘FPM_LIST_UIBB_ATS’ . Provide the Configuration Name ZLIST_ATS_CC and Save. It will give error message – Configuration name ZLIST_ATS_CC does not exist.

/wp-content/uploads/2015/01/img5_629602.jpg

Now navigate to ‘Configure UIBB’ Section and press on ‘New’ Button to create component configuration ‘ZLIST_ATS_CC’ and provide the feeder class – ‘ZCL_TEST_LIST’ and save we will see how to create the feeder class for list in next steps.

/wp-content/uploads/2015/01/img6_629624.jpg

Now we will see how to create the feeder class ZCL_TEST_LIST, after creating this feeder class we will come back to the list application to do the further configurations.

For creating feeder class – ZCL_TEST_LIST, use interfaces –‘ IF_FPM_GUIBB’ Generic UI Building Block and ‘IF_FPM_GUIBB_LIST’ Generic List UI Building Block.

In the IF_FPM_GUIBB_LIST~GET_DEFINITION method create the field catalog and list field description . Below is the sample code in the ‘GET_DEFINITION’ method.

Here gt_personal_data is the internal table defined in the class attributes section , it have fields from structure P0001.

/wp-content/uploads/2015/01/img7_629625.jpg

In the IF_FPM_GUIBB_LIST~GET_DATA method fetch the data and pass to the export parameter CT_DATA.Below is the sample code in GET_DATA method.

/wp-content/uploads/2015/01/img11_629650.jpg

Again going back to the component configuration – ‘ZLIST_ATS_CC’, click on the Add Column button of the List UIBB Schema as highlighted below. Add all the columns you see which you have declared in the feeder class GET_DEFINITION method.

/wp-content/uploads/2015/01/img9_629660.jpg

/wp-content/uploads/2015/01/img10_629664.jpg

The List application is ready now , you can go to Toolbar schema and add Toolbar elements , but we are not doing that in this blog. So our application development is complete now let’s execute the Web Dynpro application ZTEST_LIST_APP of component FPM_OVP_COMPONENT to see the output.

/wp-content/uploads/2015/01/img8_629665.jpg

To report this post you need to login first.

1 Comment

You must be Logged on to comment or reply to a post.

  1. tek prince

    Hi,

    Thanks for sharing the above steps, I have a case where I need to show the list based on the user who logged into the portal. Can you please through some light on this.

    Thanks.
     

    (0) 

Leave a Reply