jsf - 如何在其中添加滚动选项

Question

我有一个对话框，其中包含

<p:dialog id="sqlDialog" 
          widgetVar="sqlWidgetVar"
          header="SQL" 
          width="800"
          position="center"
          minimizable="true"
          maximizable="true"
          appendToBody="true"
          dynamic="true">
    <h:outputText id="sql" 
                  escape="false" 
                  value="#{bean.sql}" 
                  style="color: green"/>
</p:dialog>

由于文本很长，我需要添加一个滚动选项

我该怎么做 ？

谢谢

Answer 1

使用 CSS 使其成为具有固定尺寸和溢出的块元素。

<h:outputText ... styleClass="sqlDialogText" />

和

.sqlDialogText {
    display: block;
    width: 600px; /* Optional, depends otherwise on parent. */
    height: 300px;
    overflow: auto;
    color: green;
}

或者，只需给对话框一个固定的高度。

<p:dialog ... height="300">

请注意，这与 JSF 无关。它只是一个 HTML/CSS/JS 代码生成器。<h:outputText>生成一个 HTML<span>元素。您只需要相应地更改 CSS 即可获得外观。