как перейти на новую страницу при нажатии на вкладку tabview - PullRequest
Новая
       42

как перейти на новую страницу при нажатии на вкладку tabview

1 голос
/ 18 апреля 2011

У меня есть страница с именем Tabview1 , которая состоит из tabview. 

   Tabview1.xhtml:
       <p:tabView>
            <p:tab title="1">
               <ui:include src="/Apanel.xhtml"/>
            </p:tab>
            <p:tab title="2">
            </p:tab>
            <p:tab title="3">
            </p:tab>
        </p:tabView>

Я хочу перейти на страницу Tabview2.xhtml, если нажать на вкладку с именем 2 . 

Tabview2.xhtml:
       <p:tabView>
            <p:tab title="1">
            </p:tab>
            <p:tab title="2">
               <ui:include src="/Bpanel.xhtml"/>
            </p:tab>
            <p:tab title="3">
            </p:tab>
        </p:tabView>

Кто может мне помочь?

Ответы [ 2 ]

0 голосов
/ 28 июня 2013 
               <p:tabView>
            <p:tab title="Title1">
               <p:panel>  
                <ui:include src="tabView1.xhtml" />
               </p:panel>
            </p:tab>
            <p:tab title="Title 2">
                 <p:panel>  
                <ui:include src="tabView2.xhtml" />
                 </p:panel>
             </p:tab>           
        </p:tabView>
0 голосов
/ 21 апреля 2011

Tabview создает список с одним элементом для каждой вкладки. Каждый <li> содержит <a href="#j_idtXXX">. Создайте скрипт на своем сайте, который изменяет эти ссылки на Tabview2.xhtml. Например, если вы установили идентификатор вашего вкладки «tabview»: 

jQuery("#tabview ul a").first().attr("href", /MyPortal/Tabview2.jsf?tab=0);

Это приведет к тому, что первая вкладка приведет к новой странице, и выберите правую вкладку на этой странице, если вы настроили viewparam и у вас установлен activeIndex="#{controllerClass.activeIndex}" на вкладке.

Сейчас я спешу, поэтому у меня было время написать короткий пример, но если у вас есть навыки работы с javascript, это не должно быть слишком сложно.

...