WebDynpro for ABAP - Working with Roadmap UI element

...Previous 

Repeat the steps to create second and third view.


Create second view.


Insert text view and enter text property. The second view is shown as below.

Create Inbound plug as shown below.


Create third view.



Insert text view and enter Text property. The third view is shown as below.

Create Inbound plug for third view.

Enter plug name and Description as shown below. 


The component tree hierarchy is shown as below. Now need to embed the views into window. Double click on the window name.


 


The window structure is as shown below on right side.

Either drag and drop the Main view from left side into window structure on left side or right click on window name ZDEMO_ROADMAP->Embed view and select Main View.

 

Embed the three views first, second and third into view container of main view.

Right click on viewcontainer->Embed view.


In the following popup appeared, press F4 on field ‘View to be Embedded’.


It lists all the existing views. Select the First view as shown below.



Repeat the same to embed the remaining two views: second and third.



All three views embedded as shown below. 

Create Navigation link between the plugs.

Right click on the outbound plug TO_FIRST-> Create Navigation Link.


In the following popup displayed, press F4 on field ‘Dest.View’ and select the FIRSTVIEW.

Repeat the same to create navigation links for outbound plug TO_SECOND with SECONDVIEW as shown below.

 

Repeat the same to create navigation links for outbound plug TO_THIRD with THIRDVIEW as shown below.

Then need to implement the Event handlers for buttons Next and Prev.

Before that create method OnNavigate which fires the relevant plug, based on the import parameter, step name. This method is in turn called in our event handles by passing the step name.

Go to methods tab of main view. Enter the method Name and Description as shown below.

Double click on the method for implementation.
Click here to continue.... 

Please send us your feedback/suggestions at webmaster@SAPTechnical.COM 

HomeContribute About Us Privacy Terms Of Use • Disclaimer • SafeCompanies: Advertise on SAPTechnical.COM | Post JobContact Us  

Graphic Design by Round the Bend Wizards

footer image footer image