![](/img/trans.png)
[英]How to collapse programmatically all panels in a primefaces accordionPanel?
[英]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.