cancel
Showing results for 
Search instead for 
Did you mean: 

Roadmap UI - How to create a simple roadmap?

Former Member
0 Kudos

Hi,

I wonder to know the most simple explanation to create an application that uses a Roadmap UI.

For example, a Roadmap with 2 steps, and when I click a button in the first step, go to the second step, using BAPI's to validate each step.

Anybody give me a detailed steps to create it?

thanks a lot in advance,

regards,

Edited by: Leandro Balboni on Aug 28, 2008 11:31 PM

Accepted Solutions (1)

Accepted Solutions (1)

Former Member
0 Kudos

Hi,

1. In the main view , add roadmap UI element with two steps and two viewUIContainer .

2. Add view1 into viewUIcontainer1 & view 2 to viewUIContainer2.

3. Initially set visibility of, viewUIcontainer1 to visible & viewUIContainer2 to none.

4. When user clicks on button in first view. Validate the data , then change , visibility of, viewUIcontainer1 to none& viewUIContainer2 to visible

You can also bind design peopery of the roadmap to context element and change the design dynamically.

Regards,

Apurva

Answers (3)

Answers (3)

Former Member
0 Kudos

Hi,

check this hope it helpful to you,

https://www.sdn.sap.com/irj/sdn/wiki?path=/display/wdjava/webdynproJava-UI-Development-Roadmap+Element.

Regards,

ramesh

Former Member
0 Kudos

Hi,

go through;[http://help.sap.com/saphelp_nw04/helpdata/en/55/9abe6671d0d64fba6c91e6ea9e1185/content.htm]

Regards,

Khushboo

Former Member
0 Kudos

Hi,

1) u can take two views view1 and view 2 .place view1 in window.

2)Take a RoadMap UI element and a button in view1

3)specify an action for a button.

4)Embed ur two views view1 and view2 in the same window create an outbound plug for view1 and an inbound plug for view2.

5)In the action specified for that button u can validate some condition and fire an event to second view.follow this code snippet.

public void onActionclickButton(com.sap.tc.webdynpro.progmodel.api.IWDCustomEvent wdEvent )

{

wdThis.wdFirePlugView2out();}

}

6)when u fire that event it takes u to second view.

Hope this will resolves u how to use roadmap.

Regards,

Saleem

Former Member
0 Kudos

Hi

1) Create a view and add Road map UI with two step(say step1 and step2).

2) Create two context for step1, step2 of local dictionary type RoadMapStepDesign and bind the context to UI step (design property)

3) in wdDoModifView() method write

if (firstTime)

{

IWDRoadMap myRoadMap = (IWDRoadMap) view.getElement("RoadMap");

myRoadMap.mappingOfOnSelect().addSourceMapping("step","step" );

}

6) Create an action with parameter step of type java.lang.String and bind to Roadmap Event onSelect. In this action you can write your comparision code like

if(step.equals("Step1"))

{

// set visible property to the UI related to step1

// wdContext.currentContextElement().setVa_Step1(WDRoadMapStepDesign.SELECTED);

// wdContext.currentContextElement().setVa_Step2(WDRoadMapStepDesign.STANDARD);

}

elseif(step.equals("Step2"))

{

// set visible property to the UI related to step2

// wdContext.currentContextElement().setVa_Step2(WDRoadMapStepDesign.SELECTED);

// wdContext.currentContextElement().setVa_Step1(WDRoadMapStepDesign.STANDARD);

}

Regards

saba