1

tabviewで構成された Tabview1という名前のページがあります。

   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>

2という名前のタブをクリックすると、ページ Tabview2.xhtml に転送したいと思います。

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>

誰が私を助けることができます ？

4

2 に答える 2

0

Tabviewは、タブごとに1つの要素を持つリストを作成します。すべて<li>にが含まれます<a href="#j_idtXXX">。これらのリンクをTabview2.xhtmlに変更するスクリプトをサイトに作成します。たとえば、タブビューのIDを「タブビュー」に設定した場合：

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

これにより、最初のタブが新しい​​ページに移動し、viewparamを構成してタブビューをactiveIndex="#{controllerClass.activeIndex}"設定している場合は、そのページの右側のタブを選択します。

今急いでいるので、短い例を書く時間しかありませんでしたが、JavaScriptのスキルがあれば、それほど難しくはないはずです。

于 2011-04-21T14:34:24.697 に答える
0 
               <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>
于 2013-06-28T09:57:08.087 に答える