Creating the Binding: Component Controller Context and Model 

Each Web Dynpro component is supplied with an associated Component Controller. This controller is responsible for retrieving the data required by the Email Web service to send the e-mail. Accordingly, it must be able to map the corresponding input and output structures of the e-mail model. To do this, you need to bind the context of the component controller with the created Web service model. You can declare this model binding between the controller context and the model with the Data Modeler, available as one of the Web Dynpro tools.

 

Prerequisites

·         The structure of your project WebDynpro_EmailWS is currently displayed in the Web Dynpro Explorer.

Procedure

Adding a Model to the Web Dynpro Component with the Data Modeler

       1.      Select the node WebDynpro_EmailWS ® Web Dynpro ® Web Dynpro Components ® EmailWSComponent, then choose Open Data Modeler from the context menu entry.

       2.      In the toolbar on the left, choose the  Add a model to the component icon. The icon will turn gray.

       3.      Place the cursor on the Used Models area and left-click.

       4.      Select EmailModel and choose Ok.

       5.      The structure of the Web Dynpro component EmailWSComponent will look like this in the Data Modeler:

Binding the component controller context to the Web service

In the Data Modeler, you can easily declare the connection between the context of the component controller and the Web service model you have created.

       6.      Open the Data Modeler.

       7.      In the left toolbar, choose Create a data link.

       8.      Starting above the Component Controller rectangle, press the left mouse button, and keep it pressed.

       9.      Draw a line to the EmailModel  rectangle and release the left mouse button. The Model Binding Wizard starts automatically.

   10.      Drag the node of the model class Request_IEmailService_sendMail in the EmailModel to the root node of the component controller context, and drop it.

   11.      In the dialog box that appears, select the model node Request_IEmailService_sendMail:

   12.      Enter the name WebServiceEmail for the new model node Request_IEmailService_sendMail, which is bound to the model class of the same name, by editing the appropriate entry in the Name column, and then choosing Ok.

   13.      In the dialog box that appears, the declared model binding between the model node WebServiceEmail and the corresponding model class shown graphically:

   14.      Close the Model Binding Wizard by choosing Finish.

   15.      After completing the model binding, the context structure of the component controller looks like this:

Result

Starting with the model definition, you have now defined a structure of context model elements (model nodes and model attributes) in the component controller EmailWSComponent, and then linked it to the corresponding model class.

Next step:

Mapping View Context Elements to Component Context Elements