primefaces嵌套tabview和标签,无法滚动标签

时间:2014-09-09 09:28:47

标签: jquery jsf jsf-2 primefaces

我试图使用primefaces tabview,如果我们将此tabView用作嵌套tabView,那么我们无法在第二个tabView中滚动标签,例如,如果tabview中有很多标签我们无法在第2个/第3个tabView中滚动。< / p>

以下是我的代码:

    <p:tabView scrollable="true">
    <p:tab title="Tab 1">
        aaaaaaaaa
    </p:tab>
    <p:tab title="Tab 2">
        <p:panel>
            <p:tabView scrollable="true">
                <p:tab title="Tab 1">Tab 1 Content</p:tab>
                <p:tab title="Tab 2">
                    <p:panel>
                        <p:tabView scrollable="true">
                            <p:tab title="Tab 1">Tab 1 Content</p:tab>
                            <p:tab title="Tab 2">Tab 2 Content</p:tab>
                            <p:tab title="Tab 3">Tab 3 Content</p:tab>
                            <p:tab title="Tab 4">Tab 4 Content</p:tab>
                            .
                            .
                            .
                            <p:tab title="Tab 25">Tab 25 Content</p:tab>               
                        </p:tabView>
                    </p:panel>
                </p:tab>
                <p:tab title="Tab 3">Tab 3 Content</p:tab>
                <p:tab title="Tab 4">Tab 4 Content</p:tab>
                <p:tab title="Tab 5">Tab 5 Content</p:tab>
                .
                .
                .
                <p:tab title="Tab 25">Tab 25 Content</p:tab>               
            </p:tabView>
        </p:panel>
    </p:tab>
    <p:tab title="Tab 3">Tab 3 Content</p:tab>
    <p:tab title="Tab 4">Tab 4 Content</p:tab>
    .
    .
    .
    <p:tab title="Tab 25">Tab 25 Content</p:tab>               
</p:tabView>

1 个答案:

答案 0 :(得分:1)

与此同时,Primefaces 5.3版似乎已修复了该问题(2015年10月)。

我可以在5.2版中复制它。

版本5.3添加了滚动控件(如果空间太小以显示初始呈现时的所有选项卡)。如果最初不可见,则5.2版不适用于嵌套的tabViews。

从6.2版开始,可滚动功能具​​有附加功能,可在调整视口大小时激活/停用控件。