Start of Content Area

Procedure documentation Completing the Layout of the Application Locate the document in its SAP Library structure

 

In the following section, you complete the interface elements.

Procedure

...

       1.      In FormView, switch to the Layout tab page. The following interface elements already exist:

This graphic is explained in the accompanying text  This graphic is explained in the accompanying text

       2.      Add new properties for the following interface elements or bind them to the appropriate context elements and actions:

 

Properties

Value

TextView61 of the type TextView

text

Web Dynpro I18N – Quick Car Rental

FormGroup_Header with Caption type

text

Rental Settings

DropDown_Location with DropDownByKey type

selectedKey

This graphic is explained in the accompanying text Location

Label1 of the type Label

labelFor

DropDown_Location

This graphic is explained in the accompanying text       Since DropDown_Location is bound to the Location context attribute (with the Location simple type created previously), the field text from the simple type is used as the default text.

DropDown_VehicleType of the type DropDownByKey

selectedKey

This graphic is explained in the accompanying text VehicleType

Label2 of the type Label

labelFor

DropDown_VehicleType

Input_Pickup with InputField type

value

This graphic is explained in the accompanying text PickupDate

Label3 of the type Label

labelFor

Input_Pickup

text

Pickup Date

This graphic is explained in the accompanying text       Since Input_Pickup is bound with a context attribute without a simple type, you must define the text here.

Input_Return with InputField type

value

This graphic is explained in the accompanying text ReturnDate

Label4 with Label type

labelFor

Input_Return

RentButton of the type Button

onAction

Rent

text

This graphic is explained in the accompanying text       The empty default value remains. Since the button is bound to the Rent action and the Rent text is assigned to this action, this text is used for this button automatically.

       3.      Save the current status of the metadata.

 

Result

You have completed the layout of FormView:

This graphic is explained in the accompanying text

 

Next Step:

Creating the Warning Message and Implementing onActionRent()

 

 

End of Content Area