richfaces modalPanel 添加滾動條

<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

這裏只讓垂直滾動條顯示,水平滾動條不顯示

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章