我尝试使用primefaces标签视图,如果我们使用这个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>发布于 2019-08-13 17:32:37
同时,这个问题将在5.3版本的Primefaces中修复(2015年10月)。
我可以用5.2版重现它。
如果空间太小,则5.3版添加了滚动控件,以便在初始渲染时显示所有选项卡。版本5.2如果最初不可见,则不支持嵌套tabViews。
从6.2版开始,scrollable功能有了额外的增强,并在调整视口大小时激活/取消激活控件。
https://stackoverflow.com/questions/25741130
复制相似问题