我尝试使用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
复制相似问题