Defining the User Interface Element DropDownBoxByIndex 

 

 

 

 

 

 

 

 

 

The user interface element DropDownBoxByIndex is displayed to the user as a dropdown box, and he or she can choose exactly one entry from the selection list. The UI element consists of a text field, a pushbutton, and a selection list. You define the user interface element in the SAP Netweaver Developer Studio in the Web Dynpro perspective. Open the SalesOrder application and proceed with the following steps:

Create the DropdownBoxByIndex

To create the DropdownBoxByIndex, perform the following steps:

       1.      Switch to the Web Dynpro component SalesOrder.

       2.      Parallel to the SalesOrderView, open the Outline window.

       3.      From the context menu, choose the entry Insert Child.

       4.      Under Type in the New Element window, choose the entry DropDownBoxByIndex.

Define the Data Binding Between Context and Dropdown Box

The data binding between the view context and the dropdown box must be defined since, later on in the implementation, the data is written to the context and then passed to the dropdown box.

...

       1.      Switch to the Context tab page of the SalesOrderView.

       2.      There, create a value node with the name Operations.

       3.      Define the two value attributes for the value node.

                            a.      Caption

                            b.      Name

       4.      Bind the Caption value attribute to the dropdown box. In this SalesOrderView, create an action with the name DropDownAction and bind it to the dropdown box.

 

 

       After you have created the DropDownBoxByIndex, you now proceed with importing Jar files.