Using check box UI element in webdynpro ABAP

working with check box UI element in web dynpro for ABAP, web dynpro ABAP check box UI element

+ -
Create and design component as per below diagram.

working with check box webdynpro ABAP

Step1: Go to SE80, create a web dynpro component ZSAN_CHECKBOX, save it in a local object.

Step2: Double click on main view, click on change, go to context, create a node ‘CHK’ with (1 - 1) cardinality and create two attributes as below.

CHK -> TYPE -> CHAR1.

SELECTED -> TYPE -> CHAR30.

Step3: Go to layout, right click on ROOTUIELEMENTCONTAINER, insert element id : CHK, type : Checkbox, enter, create binding for the property ‘VALUE’ to CHK of node CHK, create an action method  ‘ON_CHK_SEL’ for ‘ON_TOGGLE’ of CHK. Similarly insert another UI element id: TEXT, type: TextView, enter, create data binding for the property ‘text’ to SELECTED of node CHK.

Step4: Go methods, double click on WDDOINIT, and add below logic.

Step5: Save and activate whole component, create application and test.

Please Sign in to ask a question

Was this lesson helpful to you? Yes No 13 People out of 30 think this lesson helpful


Lesson Navigation

←Previous Chapter
Next Chapter →