<rich:modalPanel >真是一個很優秀的彈出層控件。幾乎可以適應彈出框所需的所有功能。
如:拖動、定位、自動適應大小、手動改變大小。
之前看到有網友說rich:modalPanel中添加滾動條很麻煩,其實我們只要把rich:modalPanel當做是一個div看待,問題就很好解決了。
如下是我在rich:modalPanel中添加滾動條的代碼:
<rich:modalPanel id="panel" style="height:500px;overflow-y:auto;overflow-x:hidden" autosized="true" minWidth="400" height="500">
<f:facet name="header">
<h:panelGroup>
<h:outputText value="測試模式框"></h:outputText>
</h:panelGroup>
</f:facet>
<f:facet name="controls">
<h:panelGroup>
<h:graphicImage value="/uilib/.../close.png" styleClass="hidelink" id="hidelink"/>
<rich:componentControl for="panel" attachTo="hidelink" operation="hide" event="onclick"/>
</h:panelGroup>
</f:facet>
<h:outputText value="22222222"></h:outputText>
...............
<h:outputText value="22222222"></h:outputText>
</rich:modalPanel>
上述代碼只是在使用rich:modalPanel時另外添加如下css:
height:500px;overflow-y:auto;overflow-x:hidden
這裏只讓垂直滾動條顯示,水平滾動條不顯示