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.