1. WebAS ABAP as of rel. 7.00
2. Webdynpro/ICF/ICM is configured.
3. WebAS JAVA with same release connected to the ABAP.
4. ADS configured on the JAVA stack.
5. Adobe Livecycle Designer Installed on the client machine.
6. Basic ABAP skills.
*The goal: *
DroDown Listboxes are available in ZCI (Zero client Installation) Interactive forms for Webdynpro ABAP. This weblog will guide you step by step how to implement this. In the first part only a DropDown with static values will be created. Than you see also the code for selecting value from a table. I added this also, as I have seen question regarding this in the forums.
*The Form object: *
First we create the Form in Tr. SFP.
+Create an interface. I named: Z_WD_SDN_DDLB. Create it as ‘Abap-Dictionary based interface’.
Add one parameter: SIMPLE_DDLB TYPE STRING.
Activate the interface.
+Create a From. I named it also: Z_WD_SDN_DDLB. As Interface choose the one created above.
On the properties tab: Choose ZCI Layout. -> See Figure 1.
On the Context tab: Map the attribute Simple DDLB from the Interface to the Context of the form. /* You can use Drag and Drop */
On the layout tab: From the Library Drag and Drop an element: Enumerated Drop-Down list on your form.
You can create the Data Binding to your Context Attribute SIMPLE_DDLB also via Drag and Droping the Data element on your previously created layout element. Do not update any related properties.
Select your Enumerated Drop-Down list and choose the Binding tab from the Object palette. Click on specify item value, and replace the string: ‘REPLACE_THIS’ with the name of your context attribute. / SIMPLE_DDLB / See screen-shot below – Figure 2. This is a quite illogical part IMHO, but it is absolutely neccessary. 🙂
Activate your Form!
*The application: *
Create a Webdynpro component int Tr. SE80. I named it ZDDLB. I kept the default values for the name of the main window and view.
Navigate to your view and create an InteractiveForm element, under your ROOTELEMENTCONTAINER. In the property: templateSource, enter the form name you created. The dataSource will be mapped automaticaly. – Figure 3. /* The corresponding view context nodes are created from the form interface context */