Skip to Content

This weblog provides source code for creating custom develop road map (as shown below) with parent node and child node highlighting the navigation of the page in a process dynamically.

!https://weblogs.sdn.sap.com/weblogs/images/251715160/Roadmap12.JPG|height=64|alt=image|width=595|src=https://weblogs.sdn.sap.com/weblogs/images/251715160/Roadmap12.JPG|border=0!

I have used MVC architecture to create the same. (We can also create it as a BSP Extension Element)

Created a Model class ZCLS_ROAD_MAP_CONTROL_MD with super class CL_BSP_MODEL
And declared the attribute G_PHTMLB_ROADMAPITEMS of type PHTMLB_ROADMAPITEMS

!https://weblogs.sdn.sap.com/weblogs/images/251715160/roadmap1.JPG|height=109|alt=image|width=565|src=https://weblogs.sdn.sap.com/weblogs/images/251715160/roadmap1.JPG|border=0!

Created a method GET_ROAD_MAP_DATA in the Modal class and called in the interface IF_BPS_MODEL~INIT

image

In the method GET_ROAD_MAP_DATA internal table was filled in with values (as an example I have hard coded the values as below )

Created the controller and controller class ZCLS_ROAD_MAP_CONTROL and declared the attribute MODEL and VIEW_NAME

!https://weblogs.sdn.sap.com/weblogs/images/251715160/roadmap4.JPG|height=151|alt=image|width=576|src=https://weblogs.sdn.sap.com/weblogs/images/251715160/roadmap4.JPG|border=0!

In DO_INIT method of controller class the following code was written

In DO_REQUEST method of controller class the following code was written

View was created named as ROADMAP.HTM and declared the variables

image

     .sample

     .l_wizard_boxStartVisited

     .l_wizard_boxMidVisited

     .l_wizard_boxStartSelected

     .l_wizard_boxEndSelected

     .l_wizard_boxMidSelected

     .l_wizard_boxStartUnvisited

     .l_wizard_boxEndUnvisited

     .l_wizard_boxMidUnvisited

     .l_upperLeft

   

To report this post you need to login first.

2 Comments

You must be Logged on to comment or reply to a post.

Leave a Reply