簡體   English   中英

默認情況下如何折疊Richfaces手風琴中的所有面板

[英]How to collapse all the panels in the richfaces accordion by default

我想知道默認情況下如何設置Richfaces手風琴折疊

這是我的代碼,我只希望所有面板在加載頁面時折疊

<rich:accordion 
    switchType="ajax" style="width : 680px">
        <c:forEach items="#{marcarConsulta.consultasDisponiveis}"
            var="consultaDisponivel" varStatus="contador">
            <rich:accordionItem value="#{consultaDisponivel}">
                <f:facet name="header">                 
                    <h:panelGrid columns="2" cellpadding="10"
                        columnClasses="titulo_accordion_item">
                        <h:outputText value="#{consultaDisponivel.nomePessoa}" />
                        <h:outputText value="#{consultaDisponivel.nomeFantasia}" />
                    </h:panelGrid>
                </f:facet>
                <h:panelGroup layout="block" styleClass="accordion-date">
                    <h2>Escolha uma data:</h2>
                    <rich:calendar popup="false"
                        value="#{marcarConsulta.dataSelecionada}" mode="ajax"
                        firstWeekDay="0" boundaryDatesMode="scroll"
                        dataModel="#{calendarModel}" datePattern="dd/MM/yyyy">
                        <f:ajax listener="#{marcarConsulta.recuperarHorario}"
                            render="horario#{contador.index}" />
                    </rich:calendar>
                </h:panelGroup>             
            </rich:accordionItem>
        </c:forEach>
</rich:accordion>

提前致謝

如果您如下定義css類:

<style> .myclass { display:none}  </style>  

然后在手風琴上將其添加到contentClass屬性中,如下所示:

<rich:accordionItem contentClass="myclass" switchType="ajax"  >

那么您應該會看到所有面板都已折疊。 單擊它們現在將照常展開。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM