Quickview(Thing Quickview) in FPM Application


Quickviews-A quickview is a read-only UI element which allows the user, at runtime, to view additional information (not displayed on the current screen) about an object without having to navigate to other screens to obtain the information. Like a tooltip, a quickview appears (and disappears) on the UI during a mouse-over action by the user.

The following types of quickview exist:

  • Thing Quickview -This is used to display information relating to a ‘thing’ (a business object for example). It is implemented using the Web Dynpro component FPM_QUICKVIEW_THING.

  • Dataset Quickview-This is used to display information relating to a dataset. It is implemented using the Web Dynpro componentFPM_QUICKVIEW_DATASET.


 

The below post shows Think Qickview aspect. We have an FPM application which displays the billing records & if you mouse over on the Payer number, then by quick view technique it should display the payer address information.

 

18.png

36.png


 

Step-1. For the list , we have the table type.

2

Step-2. Create a class in tx- SE24 & implement the shown interfaces.1

create the shown attribute.

3

Activate all the methods & put below code in GET_DEFINITION & GET_DATA method.

456

Step-3. So the list uibb feeder class is ready. Go to Tx – FPM_WB,  Select the marked line.

7

Provide application name, choose overview page and click on NEXT button

8

Save.

9

Select marked line.

10

Provide title, choose LIST COMPONENT.

11

Provide a list Config ID & click on  Configure UIBB button to create.

12

YES to continue.

13

Provide the feeder class name.

14

Click on Create Column button.

15

Add the needed column (fields) & make KUNRG field(payer) display type as LInk to action( because when the mouse will pointed over on this field we have to show the quick view.

Finally click on the application link.

16

Click on test button.

17

So here we have the billing list.

18


Step-4. Now we have to make our quick view settings.

The quick view on the payer number should display the address from KNA1 table. Just marked the fields that we have to consider for the quickview.

19

Go to Tx- SE24 & create a class & implement the interfaces.

20

Activate all the methods & put the code on GET_DEFINITION & GET_DATA method.

2122

LV_KEY should give us the payer number. Put the below code.

23

Go to the application configuration. here we have selected the PAYER filed & below we can observe the QUICKVIEW ID . Now we have to create a QuickView ID and assign here. So go to the tab Quickview Schema.

24

Choose Thing Component.

25

Provide the name as PAYER_ADDRESS_QUICKVIEW and now we have to create a configuration.

26

Provide the configuration name and click on CONFIGURE QUICKVIEW button.

27

Yes to continue.

28

Provide the quickview feeder class.

29

The below screen appears.

30

provide Title as- Payer Address. Select the check box USE FEEDER REF FIELD. Choose TITLE REFERENCE FIELD from the drop down as KUNNR. Click on Create attribute button.

31

Choose the necessary fields like- NAME1, LAND1,ORT01, PSTLZ, STRAS,TELF1. 

32

We can also set an web icon. Save and click on the link to go to the uibb configuration.

33

Now click on the LIST UIBB Schema tab.

34

Select the KUNRG field & provide the quickview ID. Save and test the application.

35

Put the mouse cursor on the payer number & we have the quickview.

3637

Also we can assign a web icon to the payer column.

38

test the application.

3940



 

Advertisements

One comment

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 )

Connecting to %s