html - 如何使用 jsf 渲染属性禁用嵌套的标题 html 元素

Question

我有一个 JSF 页面，其中包含:

<div class="tableCaption">
  <h2>Batch Details</h2>
</div>

和定义 .tableCaption h2 外观的 CSS

我想将上面的 div 包装在一个具有“呈现”属性的 JSF 组件中，这样我就可以启用/禁用 div，但我找不到合适的组件。甚至可以包装任意 HTML 组件并打开/关闭它们吗？

如果那不可能，有没有办法使用 以某种方式让它使用已经为 .tableCaption h2 定义的 CSS？

Answer 1

您可以使用 <h:panelGroup layout="block"> 获取 HTML <div>元素。

<h:panelGroup layout="block" styleClass="tableCaption" rendered="#{condition}">
    <h2>Batch Details</h2>
</h:panelGroup>

或者，当使用 JSP 作为 View 技术时，您可以使用 <f:verbatim> 相反，如果唯一的主体是纯 HTML。

<f:verbatim rendered="#{condition}">
    <div class="tableCaption">
        <h2>Batch Details</h2>
    </div>
</f:verbatim>

请注意，此标记已在 JSF 2.0 中弃用，取而代之的是 Facelets。

或者，当您使用 Facelets 作为 View 技术时， <ui:fragment> 应该做的:

<ui:fragment rendered="#{condition}">
    <div class="tableCaption">
        <h2>Batch Details</h2>
    </div>
</ui:fragment>