primefaces 嵌套 tabview 和 tabs，无法滚动选项卡答案

【问题标题】：primefaces nested tabview and tabs, not able to scroll tabsprimefaces 嵌套 tabview 和 tabs，无法滚动选项卡
【发布时间】：2014-11-02 16:02:51
【问题描述】：

我正在尝试使用 primefaces tabview，如果我们将此 tabView 用作嵌套 tabView，那么我们无法在第二个 tabView 中滚动选项卡，例如，如果 tabview 中有很多选项卡，我们无法在第二/第三个 tabView 中滚动。

下面是我的代码：

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

【问题讨论】：

标签： javascript jquery jsf primefaces jsf-2

【解决方案1】：

与此同时，Primefaces 5.3 版（2015 年 10 月）似乎已修复此问题。

我可以用 5.2 版重现它。

如果空间太小以在初始渲染时显示所有选项卡，5.3 版会添加滚动控件。如果最初不可见，5.2 版不适用于嵌套的 tabViews。

从 6.2 版开始，可滚动功能具有额外的增强功能，可在调整视口大小时激活/停用控件。

【讨论】：