Sunday, March 4, 2012
Points to remember
  • Navigation between different views is enabled by plugs.
  • Plug types
     1). Inbound plugs
     2). Outbound plugs
  • To navigate from one view to another, each outbound plug from the first view must be linked with an inbound plug of the second view with the help of a navigation link.A plug is always a junction used for accessing or exiting a view.


  • You can trigger a specific action – for example, by clicking a button – which triggers navigation. As a consequence, the previously displayed view disappears from the screen and a second view is displayed.
Example program 
-Web dynpro component with two views. Select or give employee number in the input field of first view and click on button to go to second view and display given input field in the first view and click on button on second view to back to first view.
Steps involved

  • Create Web Dynpro component with one View and  one Window and Save as local object. 
  • Go to Component Controller -> Context tab -> Create node N1 and one attribute PERNR inside. 
  • Go to view FIRST_VIEW ->Context tab -> Map component controller context to View context as shown. 
  • Go to view FIRST_VIEW ->Layout tab
  • --> Create Input element for Personal number(PERNR) and Bind with node N1-PERNR
  • --> Create Button element to trigger action. Action to go to SECOND_VIEW. 
  • --> Create OnAction event  GO_TO_2ND_VIEW for button as shown in the print screen. 

  • Create view SECOND_VIEW

  • Go to view SECOND_VIEW ->Context tab -> Map component controller context to View context as shown.
  • Go to view SECOND_VIEW ->Layout tab
  • --> Create Input element for Personal number(PERNR) and Bind with node N1-PERNR 
  • --> Create Button element to trigger action. Action to go to FIRST_VIEW.
  • --> Create OnAction event  GO_TO_1ST_VIEW for button as shown in the print screen. 

  • Go to view FIRST_VIEW ->Create two plugs
  • --> Outbound plug GOTO_SECOND_VIEW to navigate to second view.
  • --> Inbound plug FROM_2ND_VIEW to navigate from second view.

  • Go to view SECOND_VIEW ->Create two plugs
  • -->  Inbound plug FROM_1ST_VIEW to navigate from first view.
  • -->  Outbound plug GOTO_FIRST_VIEW to navigate to first view.

  • Go to window ->Embed SECOND_VIEW by drag and drop method as shown - > Save -> Open the views, For every View, two plugs are appeared one is for outbound and another is for inbound. 
  • Right click on  outbound plug(RED in color) GOTO_SECOND_VIEW of FIRST_VIEW  ->Click on Create Navigation Link and follow the steps. 
  • Right click on  outbound plug(RED in color)  GOTO_FIRST_VIEW of SECOND_VIEW   ->Click on Create Navigation Link and follow the steps.
  • Outbound plugs are always starting points for navigation.
  • Go to view FIRST_VIEW ->Fire outbound  plug GOTO_SECOND_VIEW in method  ONACTIONGO_TO_2ND_VIEW.
method ONACTIONGO_TO_2ND_VIEW .
  wd_this->fire_goto_second_view_plg( ).
endmethod.
  • Go to view SECOND_VIEW ->Fire outbound  plug  GOTO_FIRST_VIEW  in method  ONACTIONGO_TO_1ST_VIEW.
method ONACTIONGO_TO_1ST_VIEW .
  wd_this->fire_goto_first_view_plg( ).

endmethod.
  • Create Web Dynpro application and Save
  • Run Web Dynpro application. 

4 comments:

  1. Ecorptrainings.com provides ORACLE APPS TECH in hyderabad with best faculties on real time projects. We give the best online trainingamong the ORACLE APPS TECH in Hyderabad.
    Classroom Training in Hyderabad India

    ReplyDelete
  2. Hey, Your post is very informative and helpful for us.
    In fact i am looking this type of article from some days.
    Thanks a lot to share this informative article.
    QuickBooks Training in Hyderabad

    ReplyDelete

Your useful comments, suggestions are appreciated.Your comments are moderated.

Followers

Contact Form

Name

Email *

Message *

Web Dynpro ABAP Book

An SAP Consultant

Follow US


Want to Contribute ?

If you are interested in writing about the new stuff you learn everyday while working, please write to the.sap.consultants@gmail.com.

Click on Contribution for more details.