如何转发到一个新的页面上单击tabview的一个选项卡

Question

我有一个名为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>

谁能帮我?

Answer 1

Tabview为每个选项卡创建一个元素列表。每个<li>包含一个<a href="#j_idtXXX">。在站点上创建一个脚本，将这些链接更改为Tabview2.xhtml。例如，如果你将tabview的id设置为"tabview":

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

这将导致第一个选项卡导致新的页面，并选择该页面上的正确选项卡，如果你已经配置了一个viewparam和activeIndex="#{controllerClass.activeIndex}"设置在tabview。

我现在很着急，所以我只有时间写一个简短的例子，但如果你有一些javascript的技能，它应该不会太难。

Answer 2

               <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>