Hi Srikumaran,
You can display images using the Image UI element. Following link has step by step information on how to add images to web dynpro application.
http://****************/Tutorials/WebDynproABAP/Logo/Page1.htm
The above link only gives the basics of adding image elements. But in your case you would need to bind the source attribute of your image UI elements to a context node.
- Add Image UI element into the view.
- Add a context attribute to the ROOT context node, you can name it SOURCE_IMG and specify its type as STRING.
- Navigate to the SOURCE property of Image UI element and bind the property to the context node creation in above step.
- Now inside the method where you are handling your ON_CLICK event of your ALV you need to set the set attribute of SOURCE_IMG.
CALLMETHOD lo_root_node->set_attribute_property
EXPORTING
attribute_name = 'SOURCE_IMG'
value = l_img_path.
The l_img_path variable would need to have employee image source for the particular pernr being processed.
Regards,
Karan Ranawat