ContextMapping

Two types of mapping Internal and External mapping:

A) Internal mapping:

1)Goto SE80.

2)create WD component.( ex: zinternalmap )

3)Create a NODE(ex: subjects) in Component controller .

4)Create two views view1 and view2.

5)Drag and Drop the NODE in the context tab of the view1 and view 2 from the context Component controller.

6)In view1 create group, right-click on it for Create Form container. Select the context, give the node and Standard Cell Editor: Inputfied. And also create a button (ex: Enter) and ViewContainerUIElement.

7)In view2 create group, right-click on it for Create Form container. Select the context, give the node and Standard Cell Editor: TextView.

8)In window you will find the ViewContainerUIElement, right-click on it. Embed view (view2).

9)Create a web dynpro application and right-click hit "TEST".

10)Give the details and press button.. You can display the values.

B)External mapping:
There are two type of external mapping 
i) Direct Mapping. 
ii)Reverse Mapping.


i) Direct Mapping:


1)Goto SE80.

2)create WD component.( ex: zexternal_struct )
3)Create a NODE(ex: subjects) in Component controller  and check the option "Interface Node". After that we can see the node image and save and active it.

5)Create WD component.( ex: zexternal_assign )

6)Double click on the Web Dynpro Component which you have created. In the used components tab add the zexternal_struct in component column.

7) Click on the COMPONENTCONTROLLER, hit controller usage. check the created zexternal_struct here.Now you can drag and drop into context Component controller.

***NOTE: same steps which we created in internal mapping***

8)Create two views view1 and view2.

9)Drag and Drop the NODE in the context tab of the view1 and view 2 from the context Component controller.

10)In view1 create group, right-click on it for Create Form container. Select the context, give the node and Standard Cell Editor: Inputfied. And also create a button (ex: Enter) and ViewContainerUIElement.

11)In view2 create group, right-click on it for Create Form container. Select the context, give the node and Standard Cell Editor: TextView.

12)In window you will find the ViewContainerUIElement, right-click on it. Embed view (view2).

13)Create a web dynpro application and right-click hit "TEST".

14)Give the details and press button.. You can display the values.

ii)Reverse Mapping:

Note: we use the above example upto 12 point and in the 3 point of direct mapping(3)check also Input Element (Ext.) also. 

15)In the zexternal_struct Double click on the Web Dynpro Component which you have created. In the used components tab add the zexternal_assign in component column.

16)In this we don't have any views.

17)Just goto window,, right-click on Embedded View. you can find the window of the  zexternal_assign.

18)And in option Embedded Interface View: give the view name(view1).

19)Create a web dynpro application and right-click hit "TEST".

20)Give the details and press button.. You can display the values.