Skip to Content

Creating list using FPM_LIST_UIBB_ATS

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

2 Comments
You must be Logged on to comment or reply to a post.
  • 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.
     

  • Hello,

    Thanks for this valuable Piece of information. I am facing an issue. I have to add a custom button to LIST UIBB ATS in OVP FPM via Feeder class to add new line to List and that line needs to be editable. I am using a custom table to save data. Also, there is time and date fields in this list and these fields needs to automatically save current time and date when this entry is being made. Could you please give idea how can I achieve these two tasks? Will really appreciate your help.