Navigation From One View To Other View Along With Parameters Using Plugs With Out Using Component Controller Context (Web Dynpro For ABAP)
Navigation From One View To Other View Along With Parameters Using Plugs With Out Using Component Controller Context (Web Dynpro For ABAP)
1. Crete a view with name FLIGHTS. 2. Go to Context tab of FLIGHTS and create a node FLIGHTS with attributes are from Structure
SFLIGHT and select Cardinality 0n.
3. Switch to Layout tab of view FLIGHTS and add table (Flights) and Button (Button2) to the Layout
container.
4. To create Action when user clicks on Back button, click on empty page in button properties. Enter
action name in the below window and click ok.
5. Create binding to the table by right click on table FLIGHTS choose context menu Create binding,
then select context node FLIGHTS.
6. Define plugs
Outbound Plug: Switch to outbound plugs tab of view FLIGHTS and define like below
Inbound Plug: Switch to Inbound plugs tab of view FLIGHTS and define like below.
Note: When creating an inbound plug an event handler will be created automatically i.e. HANDLEFROMSEARCH.
7.
Implement this method and declare same parameters what we declare earlier for the Outbound Plug (TOFLIGHTS) of view SEARCH.
8.
Event handler for action BACK, which is method ONACTIONABCK, needs to be modified to make a call to the view SEARCH. In order to do this, invoke the Web Dynpro Code Wizard and choose option
Embedding the View into the Window Embed the views SEARCH and FLIGHTS to window and set up the navigation.
Create the navigation link between two views. Select the Outbound Plug of SEARCH view and open the Context menu. Select create Navigation link.
A dialog pop up comes up where you can enter the destination of the Navigation.
Repeat the same for Outbound Plug (TOSEARCH) of FLIGHTS View. Activation, Creation of a Web Dynpro Application and Execution
1. Activate all objects of Web Dynpro component ZDEMO_PLUGS. 2. Create the Web Dynpro application ZDEMO_PLUGS and assign it to package $TMP (local object). 3. Run your application.
Result: Enter the data and click on search button it will show Flights details.
If you click on Back button it will go to SEARCH view for new search.