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.