如何在单击选项卡视图的选项卡时转发到新页面

发布于 2024-11-02 00:54:52 字数 814 浏览 6 评论 0原文

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

如果单击名为 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>

谁能帮助我？

原文

I have a page named Tabview1 which composed of 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>

I want to forward to the page Tabview2.xhtml if click on the tab named 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>

Who can help me ?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

赢得她心 2024-11-09 00:54:52

Tabview 为每个选项卡创建一个包含一个元素的列表。每个

都包含一个。在您的站点上创建一个脚本，将这些链接更改为 Tabview2.xhtml。例如，如果您将 tabview 的 id 设置为“tabview”：

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

这将导致第一个选项卡引导至新页面，并且如果您已配置 viewparam 并具有 activeIndex="，则选择该页面上的正确选项卡#{controllerClass.activeIndex}" 在选项卡视图上设置。

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

Tabview creates a list with one element for each tab. Every <li> contains an <a href="#j_idtXXX">. Create a script on your site that changes these links to Tabview2.xhtml. For example if you set the id of your tabview to "tabview":

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

This would cause the first tab to lead to the new page, and select the right tab on that page if you have configured a viewparam and have activeIndex="#{controllerClass.activeIndex}" set on the tabview.

I'm in a rush now, so I only had time to write a short example, but if you have some skill with javascript, it should not be too hard.

回复收藏 0 原文

纵性 2024-11-09 00:54:52

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

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

~没有更多了~