Calling window/view of one component in another component

This article describes how to call a window/view which of one component in another component.

Create a component “ZPP_TEST_COMP_USAGE”

Create a component “ZPP_TEST_COMP_USAGE_N”

In ZPP_TEST_COMP_USAGE use the ZPP_TEST_COMP_USAGE_N in the component used Components

Create a page header in the view of ZPP_TEST_COMP_USAGE_N. This will be called by view of ZPP_TEST_COMP_USAGE

Create a button in the ZPP_TEST_COMP_USAGE : To call the view/window of another component

Create an outbound plug in the ZPP_TEST_COMP_USAGE view outbound plug tab to create navigation between current view and ZPP_TEST_COMP_USAGE_N’s window.

Create an action for the created button using the created outbound plug for navigation as below

In ZPP_TEST_COMP_USAGE windows, right click on window name and select embed view

Select the view to be embedded as shown below(in popup)

Required Window(created in ZPP_TEST_COMP_USAGE_N) name will be populated. And whatever the views embed onto that window will be auto populated in component ZPP_TEST_COMP_USAGE.

Select CALL_VIEW_N (outbound plug of ZPP_TEST_COMP_USAGE ) right click and Create navigation link as shown below

Select the destination view as ZPP_TEST_COMP_USAGE_N’s window. Shown below

Navigation link was created.

SAVE and Activate the Component ZPP_TEST_COMP_USAGE

Creeate application for the component ZPP_TEST_COMP_USAGE

Test the Application.

This is the View of Component ZPP_TEST_COMP_USAGE

Click the button to navigate to the view of component ZPP_TEST_COMP_USAGE_N

Regards,

Rayulu.

Former Member August 26, 2013 at 2:09 pm

Hi Shivam,

Below are the steps for navigating to 2nd view of 1st component by clicking on the button in the 1st view of 2nd component:

Component 1 – ‘ZTEST_COMP1’

As per the scenario,we have 2 views.

Say View 1 – ‘ COMP1_VIEW1′

View 2 – say ‘COMP2_VIEW2’.Create an inbound plug – ‘IP_P_VIEW2’ .

Below actions are necessary in the window of component 1.

1.Create an inbound plug say,‘IP_W_COMP1’ of type ‘standard’ and check the

interface check box.

2.Create an outbound plug ‘OP_W_COMP1’.

3.In the handler event – HANDLEIP_W_PLUG. Fire the outbound plug.

(code snippet : Fire_out_OP_W_COMP1_plg ( ).

4.In the window tab of ‘Zwindow_comp1’ – right click on the ‘OP_W_COMP1′

plug and create a navigation link to view 2 of comp1.

i.e (OP_W_COMP1->rightclick->create navigation link->select destination view as’COMP2_VIEW2′.

Component 2 :’ZTEST_COMP2′

Create View 1 – say ‘COMP2_VIEW’.

In the window of component 2 (say, ‘ZWINDOW_COMP2’) following actions are necessary.

1. Right click on the window name->embed view->select your

component 1(ZTEST_COMP1).

2. Now the outbound plug of the window created in component 1 appears (OP_W_COMP1′). Right click on create navigation link and slect the destination view ‘ZTEST_COMP1’ as second component view and give a F4 help on inblound plug.select the inbound plug ‘IP_W_COMP1’ created in component 1.

I assume that you have the basic knowledge on component usage.

Hence I have given the logic that matches your requirement.

Hope this helps!

Please let me know if you need any further help.

Thanks

Manjula

like (0)

3 Comments

You must be Logged on to comment or reply to a post.

Former Member August 26, 2013 at 10:46 am

Hi Rayulu,

This document is quite useful thanks for it, but can you please help me out to resolve the scenario of navigating to 2nd view of 1st component by clicking the button on 1st view of 2nd component.

like (0)
1. Former Member August 26, 2013 at 2:09 pm
  
  Hi Shivam,
  
  Below are the steps for navigating to 2nd view of 1st component by clicking on the button in the 1st view of 2nd component:
  
  Component 1 – ‘ZTEST_COMP1’
  
  As per the scenario,we have 2 views.
  
  Say View 1 – ‘ COMP1_VIEW1′
  
  View 2 – say ‘COMP2_VIEW2’.Create an inbound plug – ‘IP_P_VIEW2’ .
  
  Below actions are necessary in the window of component 1.
  
       1.Create an inbound plug say,‘IP_W_COMP1’ of type ‘standard’ and check the
  
           interface check box.
  
       2.Create an outbound plug ‘OP_W_COMP1’.
  
       3.In the handler event – HANDLEIP_W_PLUG. Fire the outbound plug.
  
          (code snippet :      Fire_out_OP_W_COMP1_plg ( ).
  
       4.In the window tab of ‘Zwindow_comp1’ – right click on the ‘OP_W_COMP1′
  
          plug and create a navigation link to view 2 of comp1.
  
          i.e (OP_W_COMP1->rightclick->create navigation link->select destination view    as’COMP2_VIEW2′.
  
  Component 2 :’ZTEST_COMP2′
  
  Create View 1 – say ‘COMP2_VIEW’.
  
  In the window of component 2 (say, ‘ZWINDOW_COMP2’) following actions are necessary.
  
       1. Right click on the window name->embed view->select your
  
           component 1(ZTEST_COMP1).
  
       2. Now the outbound plug of the window created in component 1 appears (OP_W_COMP1′). Right click on create navigation link and slect the destination view ‘ZTEST_COMP1’ as second component view and give a F4 help on inblound plug.select the inbound plug ‘IP_W_COMP1’ created in component 1.
  
  I assume that you have the basic knowledge on component usage.
  
  Hence I have given the logic that matches your requirement.
  
  Hope this helps!
  
  Please let me know if you need any further help.
  
  Thanks
  
  Manjula
  
  like (0)
  1. Former Member August 28, 2013 at 9:06 am
    
    Hi Manjula,
    
    Thanks a lot for your help, its working now 🙂
    
    Now, I have one more scenario in which I need to pass the internal table (which is already bind to the node of the 2nd view of 1st component) from 2nd view of the 1st component to the 1st view of 2nd component, so that I can update the same table by clicking the button on the 1st view of 2nd component.
    
    Or is there any other way by which we can make this internal table as the global one and use into other component.
    
    I am new to Web Dynpro and in learning phase. I would be thankful to you, if you can help me out.
    
    Best Regards,
    
    Shivam
    
    like (0)