Creating list using FPM_LIST_UIBB_ATS

[former_member205703]

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.

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

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.

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.

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.

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.

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.

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.

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.