Primefaces选项卡视图不包括所有选项卡

Primefaces选项卡视图不包括所有选项卡,primefaces,Primefaces,我有一个primefaces选项卡视图,左侧有可变数量的动态选项卡。每个选项卡可能包含使选项卡因高度而异的元素 当选项卡数量较大且所选选项卡的内容较短时,选项卡标题超出了选项卡视图的范围。无法滚动整个页面以访问较低的选项卡。因此,在这种情况下,无法选择页面底部下方的底部选项卡 有没有办法让选项卡视图包含所有选项卡 <p:tabView orientation="left" style="width: 100%; padding: 5px;"

我有一个primefaces选项卡视图,左侧有可变数量的动态选项卡。每个选项卡可能包含使选项卡因高度而异的元素

当选项卡数量较大且所选选项卡的内容较短时,选项卡标题超出了选项卡视图的范围。无法滚动整个页面以访问较低的选项卡。因此,在这种情况下,无法选择页面底部下方的底部选项卡

有没有办法让选项卡视图包含所有选项卡

                        <p:tabView orientation="left" style="width: 100%; padding: 5px;" value="#{clientEncounterComponentFormController.findClientEncounterComponentFormOfAFormset(clientEncounterComponentFormSetController.selected)}" var="f">
                            <p:tab title="#{f.name}" >
                                <div style="#{f.generatedCss}" >
                                    <ez:clinicForms form="#{f}" ></ez:clinicForms>
                                </div>
                            </p:tab>
                        </p:tabView>


我看不到您的代码,因此很难正确回答您的问题

1) TabView组件不适用于包含长文本的大型内容,我想向您推荐,或者,对于使用许多选项来说,它确实更好

2) 您还可以通过css动态更改选项卡的大小,您可以根据以下条件设置样式:

<p:tabview value="#{yourBean.listOfObjects}" style="height: 5vw;" rendered="yourBean.isThereBigContent()">
</p:tabview>

<p:tabview value="#{yourBean.listOfObjects}" style="height: 10vw;" rendered="!yourBean.isThereBigContent()">
</p:tabview>

}

尝试过使用css高度等?高度应随动态内容而变化。那么?我没有说过它应该得到一个数字作为(固定)值,“etc”意味着你应该投资更多的css。你的问题没有任何企图。它也没有表现出一种积极的态度。可能是我添加了代码的其他代码限制。选项卡的数量可能因动态内容而异。我只需要有一个标签视图的最小高度就可以包含所有的标签。好的,那么在generatedCss中是什么呢?怎么了,你有多少账单?你能把高度调低一点吗?只需将style=“height=4px;”添加到p:tab
public boolean isThereBigContent() {
  return this.listOfObjects.size() > 8;