Navigation btw Tabs in a Tab Strip

[Former Member]

Hi All,

My issue is :

I have 3 Tabs in TabStrip, have to select one by one on Action of a Button in each Tab.

Have to navigate from 1 Tab to another using Button Action.

All the Tabs are in same view.

Scenario:

The info in the 1st Tab will be fully filled and then only Next button will navigate to the 2nd Tab.Sly in the 2nd Tab.

Please help me in this.

Thanks in advance..

Piyush Bhurangi

[Former Member · Accepted solution]

Hi,

have 3 Tabs in TabStrip, have to select one by one on Action of a Button in each Tab.

Have to navigate from 1 Tab to another using Button Action.

If you want to change the selected tab programmatically, you should bind the selectedTab property to a context attribute and set it's value to the ID of the Tab to be selected.

Let their ids be Tab1,Tab2,Tab3.

Now create a context attribute of type String

bind this attribute to "selectedTab" property.

In the action handler of your buttons set respective values

Ex:In the handler of button1 we want to go to Tab1

Context Attribute Name is SelectedTab

wdContext.currentContextElement().setSelectedTab("Tab1");

Regards

Ayyapparaj

[Former Member]

-

[Former Member]

I would recommend to NOT use a TabStrip for implementing such a sequential processing. Better use a RoadMap or PhaseIndicator.

Armin

[Former Member]

hi piyush,

u declare a context attribute called selectedtab of type string and bind it to the selected tab property of tabstrip UI element.

In the wddoinit() set that context attribute to some tab for which u wanted to display intially.if u want to display tab1 initially then

wdContext.currentContextelement.setselectedtab("tab1");

and then on button click u want to switch to some other tab so in the button action set the attribute to tab other tab.suppose u want to switch to tab3 then.

wdContext.currentContextElement.setSelectedtab("tab3");

Regards,

Anusha

Edited by: anusha sabbineni on Sep 2, 2008 5:19 PM

[Former Member]

hi

dwonload the folllowing project they have done this functionality in it

its the Developing Web Dynpro User Interfaces tutorial

https://www.sdn.sap.com/irj/sdn/softwaredownload?download=/irj/servlet/prt/portal/prtroot/com.sap.km...

Edited by: Nikhil Tapkir on Sep 2, 2008 4:46 PM

[Former Member]

Hi,

Take one context attribute and bind this to 'selectedTab' property of 'Tabstrip'

In action of Next button write

wdContext.currentContextElement().set<attribute>(<TabId>);

Regards

LN