设置高度 p:tab

Question

如何为 pf 元素设置 "dynamic" 高度？

我的问题：我有一个高度为 80vh 的 div 标签。在 div 标签内，我有一个 TabView ->Tab-> 树。为了让树与 TabView 具有相同的高度，这是我的代码：

    <div id="content" style="height: 80vh">
    <p:tabView id="tabView" style="height: 100%">
        <p:tab id="tab" title="Menu">
            <p:tree id="tree" value="#{treeBean.rootTreeNode}" var="node" dynamic="true"
                    styleClass="treeClass">
                <p:treeNode>
                    <h:outputText value="#{node}"/>
                </p:treeNode>
            </p:tree>
        </p:tab>

        code for second tab...

        </p:tab>

    </p:tabView>
</div>

算出来的话，stlye = "height: 100%"只是引用了父元素的高度。但是我无法设置 <p:tab> 的高度。现在我将该值设置为固定的 px 值，因此它适合我。但在其他屏幕上它没有。

Answer 1

查看 TabView 的换肤文档： https://primefaces.github.io/primefaces/8_0/#/components/tabview?id=skinning

然后可以尝试为选项卡面板设置 CSS

.ui-tabs-panel {
   height: 100%;
}

设置高度 p:tab

Set height of p:tab

jsf

primefaces