0

を含むダイアログがあります

<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>

テキストが非常に長いので、スクロールオプションを追加する必要があります

どうすればいいですか？

ありがとう

4

1 に答える 1

3

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を変更する必要があります。

于 2012-10-15T15:41:08.733 に答える