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以获得look'n'feel。

如何在<h：outputtext> </h：outputtext>中添加滚动选项

1 个答案: