如何在modalpanel中添加滾動？

Question

我有一個模式面板，其中包含動態包含的頁面。 該頁面包含搜索表單。 單擊搜索按鈕后，它將顯示內容。

頁面高度最初小於300像素。 搜索后，頁面高度超過600像素。 所以我不能靜態設置高度。 在搜索時，模式面板的部分內容隱藏在瀏覽器中。 所以我需要在頁面大於瀏覽器時放滾動條。

我該如何實現？

Answer 1

限定

<style>
.scroll_div{
 overflow: scroll;
 width:100%;
 height:100%;
}
</style>

並申請

<rich:modalPanel id="panel" width="350" height="100">
 <div class="scroll_div">

資料來源：http：//community.jboss.org/message/66213

要么

覆蓋CSS模式面板

.rich-mpnl-panel {
    position: inherit;
}

Answer 2

它通過以下代碼為我工作：

    .dr-mpnl-pnl {
        overflow: auto !important
    }

並添加以下組件：

<rich:componentControl for="dynadetailModalPanel"
    attachTo="showPanelButton" operation="show" event="onclick" />

<rich:modalPanel id="dynadetailModalPanel" height="500" width="500" >
         ...

Answer 3

添加所需的高度並設置流，以滾動到樣式豐富的modalPanel。

<rich:modalPanel style="height:600px;overflow:scroll;">