Creating Application using Multiple Components

[Former Member]

Hi,

I am creating a WebDynPro Application.

The WebDynPro Application has two Component: 1> FirstComponent

and 2> SecondComponent.

1> FirstComponent: It has single View FirstView.

Context of the FirstView contains new Value Node EmployeeData.

The value attribute inside Value Node are 1>EmployeeId and 2>EmployeeName.

The value attributes are mapped with the value attribute of Component Contoller.

Component Controller: FirstComponent has Value Node EmployeeData

and value attribute 1>EmployeeId and 2> EmployeeName.

2>SecondComponent: It has single View SecondView.

Context of the SecondView contains new Value Node EmployeeData.

The value attribute inside Value Node are 1>EmployeeId and 2>EmployeeName.

The value attributes are mapped with the value attribute of Component Contoller.

Component Controller: SecondComponent has Value Node EmployeeData

and value attribute 1>EmployeeId and 2> EmployeeName.

Now, my criteria is the Data should be given to the FirstView as Input Text and that Data goes to the Second View.

Here, I have to connect the FirstComponent and SecondComponent with InterfaceViewController.

I am getting stuck with the TextEdit EmployeeId and EmployeeName as it's value is set with context one, so, it is coming deactivated.

Regards

Kaushik Banerjee

[Former Member]

Yes

I have done it.

Regards

Kaushik Banerjee

[p_2_5_6_9_6_0]

Hi,

In order to do so - go to the second components after you add the first component into the "Used Web Dynpro Components" section of the second component.

Here open the Diagram View - you will see the first component on the left partition of the screen.

Use the "link" or "map" tool to link the map Interface Controller of the first component in the perspective to the Component Controller or Interface Cotroller of the second.

I understand that trying out the Component Usage by a brief 7-8 steps will be quite difficult - so I am providing a link that will explain the process in detail.

[Designing Component-Based Web Dynpro Applications|/docs/DOC-8061#9]

It is from the "04" Tutorial Center. But it will explain the concepts clearly. Also there is an example application.

Thanks.

p256960

[p_2_5_6_9_6_0]

Hi,

You can change the cardinality to 0..n. However you need to create the elements manually after the user clicks the button to take it to the second view.

To map the Views:

1.) Map View 1 context to Component Controller for Component 1

2.) Map above Component Controller to Interface Controller of Component 1

3.) Create Public Parts for the Component 1

4.) Go to second component.

5.) Add the Public Parts to Used DC section

6.) Add Component 1 to the "Used Web Dynpro Components" of Component 2

7.) Map View 2 context to Component Controller of Component 2

8.) Map the Interface Controller of Component 1 to Component Controller.

9.) Finally Embed View 1 inside a window in Component 2.

Hope that helps.

Thanks.

p256960

[Former Member]

Hi,

I am not getting how to connect to two Interface Views of the two Components.

Regards

Kaushik Banerjee

[former_member192434]

Hi

Right click on your componentopend data modularthere you connect two component with arrow line...

Thanks

[Former Member]

Hi Kaushik,

Yes ,you have to use the Interface controller for communication b/w two components.

The problem might be with the cardinality.change it as 1..1.It solves.

Regards,

Srikanth Reddy.T