Using drop down by key in webdynpro ABAP

Working with Drop Down by Key in Web Dynpro for ABAP to display drop down list using domain fixed values.



Step1: Go to SE80, create a web dynpro component ZSAPN_DDK.



A popup will come provide some description and enter, save in a local object.



Step2: Double click on main menu, click on change, go to context tab, right click on context, create->node.



A popup will come provide name as DDK, cardinality (1 – 1) and enter.



Step3: Right click on node DDK, create->attribute, provide name as GENDER -> TYPE -> GENDER and enter.





Similarly create another attribute SELECTED -> TYPE -> CHAR30.



Step4: Go to layout tab, right click on ROOTUIELEMENTCONTAINER -> Insert element.



A popup will come, provide id: DDK, type: DropDownByKey and enter.



Create binding by clicking on bind icon.



A popup will come, select GENDER and enter.



Similarly right click on ROOTUIELEMENTCONTAINER, insert element id: Test, type: TextView and enter.



A popup will come select ‘SELECTED’, enter.



Select DDK UI element, create action method.



Step5: Go to actions tab, double click on ‘ON_SELECT’ method and add below code.

DATA LO_ND_DDK TYPE REF TO IF_WD_CONTEXT_NODE.
DATA LO_EL_DDK TYPE REF TO IF_WD_CONTEXT_ELEMENT.
DATA LS_DDK TYPE WD_THIS->ELEMENT_DDK.
DATA LV_GENDER TYPE WD_THIS->ELEMENT_DDK-GENDER.

*   navigate from  to  via lead selection
LO_ND_DDK = WD_CONTEXT->GET_CHILD_NODE( NAME = WD_THIS->WDCTX_DDK ).

*   @TODO handle non existant child
*   IF lo_nd_ddk IS INITIAL.
*   ENDIF.

*   get element via lead selection
LO_EL_DDK = LO_ND_DDK->GET_ELEMENT( ).
*   @TODO handle not set lead selection
IF LO_EL_DDK IS INITIAL.
ENDIF.

*   get single attribute
LO_EL_DDK->GET_ATTRIBUTE(
EXPORTING
NAME =  `GENDER`
IMPORTING
VALUE = LV_GENDER ). "get selected drop down
DATA LV_TEXT TYPE WD_THIS->ELEMENT_DDK-SELECTED.
IF LV_GENDER = 'M'.
LV_TEXT = 'Male Selected'.
ELSEIF LV_GENDER = 'F'.
LV_TEXT = 'Female selected'.
ELSEIF LV_GENDER = 'N'.
LV_TEXT = 'Neutral selected'.
ENDIF.
*   get single attribute
LO_EL_DDK->SET_ATTRIBUTE(
EXPORTING
NAME =  `SELECTED`
VALUE = LV_TEXT ). "set text

Step6: Save, activate the component, create application and test.



Step1: Go to SE80, create a web dynpro component ZSAPN_DDK.



A popup will come provide some description and enter, save in a local object.



Step2: Double click on main menu, click on change, go to context tab, right click on context, create->node.



A popup will come provide name as DDK, cardinality (1 – 1) and enter.



Step3: Right click on node DDK, create->attribute, provide name as GENDER -> TYPE -> GENDER and enter.





Similarly create another attribute SELECTED -> TYPE -> CHAR30.



Step4: Go to layout tab, right click on ROOTUIELEMENTCONTAINER -> Insert element.



A popup will come, provide id: DDK, type: DropDownByKey and enter.



Create binding by clicking on bind icon.



A popup will come, select GENDER and enter.



Similarly right click on ROOTUIELEMENTCONTAINER, insert element id: Test, type: TextView and enter.



A popup will come select ‘SELECTED’, enter.



Select DDK UI element, create action method.



Step5: Go to actions tab, double click on ‘ON_SELECT’ method and add below code.

DATA LO_ND_DDK TYPE REF TO IF_WD_CONTEXT_NODE.
DATA LO_EL_DDK TYPE REF TO IF_WD_CONTEXT_ELEMENT.
DATA LS_DDK TYPE WD_THIS->ELEMENT_DDK.
DATA LV_GENDER TYPE WD_THIS->ELEMENT_DDK-GENDER.

*   navigate from  to  via lead selection
LO_ND_DDK = WD_CONTEXT->GET_CHILD_NODE( NAME = WD_THIS->WDCTX_DDK ).

*   @TODO handle non existant child
*   IF lo_nd_ddk IS INITIAL.
*   ENDIF.

*   get element via lead selection
LO_EL_DDK = LO_ND_DDK->GET_ELEMENT( ).
*   @TODO handle not set lead selection
IF LO_EL_DDK IS INITIAL.
ENDIF.

*   get single attribute
LO_EL_DDK->GET_ATTRIBUTE(
EXPORTING
NAME =  `GENDER`
IMPORTING
VALUE = LV_GENDER ). "get selected drop down
DATA LV_TEXT TYPE WD_THIS->ELEMENT_DDK-SELECTED.
IF LV_GENDER = 'M'.
LV_TEXT = 'Male Selected'.
ELSEIF LV_GENDER = 'F'.
LV_TEXT = 'Female selected'.
ELSEIF LV_GENDER = 'N'.
LV_TEXT = 'Neutral selected'.
ENDIF.
*   get single attribute
LO_EL_DDK->SET_ATTRIBUTE(
EXPORTING
NAME =  `SELECTED`
VALUE = LV_TEXT ). "set text

Step6: Save, activate the component, create application and test.