3 Replies Latest reply on Dec 25, 2012 3:58 AM by ilya40umov

jump to tabpanel id

chivu55 Dec 24, 2012 2:17 AM

Hello,

is the below scenario possible.

I have two xhtml site. The first a.xhtml has <h:commundButton value="Button" action="#{bean.methode}" />

bean class

public String methode(){

return "b.xhtml#tab2";

}

I want jump to b.xhtml tab2. Only return "b" is ok, but b.xhtml#tab2 is not corretly. Is this possible?

The second class b.xhtml, has three tab

<rich:tabPanel switchType="ajax" id="tp" headerPosition="top" headerLocation="center">

<rich:tab header="First" id="tab1">

Here is tab #1

</rich:tab>

<rich:tab header="Second" id="tab2">

Here is tab #2

</rich:tab>

<rich:tab header="Third">

Here is tab #3

</rich:tab>

</rich:tabPanel>

1. Re: jump to tabpanel id

ilya40umov Dec 24, 2012 2:01 PM (in response to chivu55)

I think you might be looking for this: http://stackoverflow.com/questions/6601642/how-to-redirect-to-an-anchor-in-jsf
Actions
2. Re: jump to tabpanel id

chivu55 Dec 25, 2012 2:46 AM (in response to ilya40umov)

public void doSomething() throws IOException { ExternalContext ec = FacesContext.getCurrentInstance().getExternalContext(); ec.getFlash().put("msg", "Something was done successfully"); ec.redirect("view.xhtml#msg"); }

I have this tried, but don't function.
This was my example
ec.redirect("b.xhtml#tab2");

I think i made a mistake
Actions
3. Re: jump to tabpanel id

ilya40umov Dec 25, 2012 3:58 AM (in response to chivu55)

1) You are using switchType="ajax".
Here is the bit from the docs about it:

Ajax:
Activation of a <rich:tab> component causes the parent <rich:tabPanel> component to perform an Ajax form submission, and the content of the tab panel is refreshed. Only one tab at a time is rendered to the client side.

Using #tab2 won't help because it's based on html anchors(it could be used to redirect to a particular fragment of the tab, in the case when the tab IS displayed).

See http://docs.jboss.org/richfaces/latest_4_0_X/Component_Reference/en-US/html/chap-Component_Reference-Panels.html#sect-Component_Reference-Panels-richtabPanel for details.

2) Here are several options: Use activeItem attribute to specify the tab you would like to see; OR use JavaScript API to switch to a partcular tab on a client after the page is rendered.

The activeItem attribute holds the active tab name. This name is a reference to the name identifier of the active child <rich:tab> component.

JavaScript API
switchToItem(itemName)
Switch to and display the item identified by the itemName string passed as a parameter.
Actions

Go to original post

JavaScript API