Proposal for bookmarkable URLs creation facility for tabview

[ertiop93]

I have a proposal for tabview to add a facility to create bookmarkable URLs for the each tab, out of the box.

It should update URLs in the address bar as the tab in a Tabview component change thereby providing a facility to create bookmark-able URLs very easily..

Does that make sense ? Can primefaces make this job easier for us ?

[cagatay.civici]

Why don't you send the activeIndex as a view parameter and then bind the backing property to the tabview's activeIndex option. JSF2 does it for you already.

[Alan]

I had the same question but I don't understand the answer.

Is the suggestion to do this?

Code: Select all

<p:tabview activeIndex=#{request[activeTab]} ..

If that works so far so good, but how does the "activeTab=" string get appended to the URL that the user bookmarks?

[tandraschko]

use f:viewParams, map it to a variable of a bean (for example: #{myPageBean.activeIndex}) and set activeIndex=#{myPageBean.activeIndex}

[Alan]

OK so far. I modified my page like this:

Code: Select all

 
           <ui:define name="content">
                <f:metadata>
                    <f:viewParam name="activeTab" value="#{login.activeTab}" />
                </f:metadata>
                <p:tabView activeIndex="#{login.activeTab}">
                    <p:tab title="Tab The First">
                        Stuff in the First Tab
                    </p:tab>
                    <p:tab title="Second Tab">
                        Second Tab Stuff Goes Here
                    </p:tab>
                    <p:tab title="Tab 3">
                        Everything about 3
                    </p:tab>
                </p:tabView>
            </ui:define>

If I modify the URL manually to append "activeTab=x" it will bring up tab x. Now what is needed is to add something to the p:tab elements so that when they are clicked, the URL currently visible gets changed so that if the user then selects "bookmark this page" in his browser that will be saved in the bookmark. Is there a best practice for that or do I have to add some javascript called by onTabChange?

[mask_hot]

I have the same question : how to know the activeIndex?

Using Change Listener it is possible to get the tab Title but how to get the tab Index?