当折叠设置为true时,Primefaces面板显示为打开

时间:2016-05-10 17:26:23

标签: jsf primefaces xhtml panel

默认情况下,当加载页面时,面板显示为关闭,因为我具有属性折叠=" true" 。我希望当我自动编辑添加面板更新时,更新工作正常但所有面板都显示为打开,即使我已将折叠设置为true。我不知道为什么会这样。有谁知道为什么?以及如何解决这个问题?

addView.xhtml:

<body>
    <h:outputStylesheet name="./../../resources/css/cssLayout.css"/>
    <ui:composition template="./../../Layouts/LayoutGeneral.xhtml">
        <ui:define name="content">
            <h1 style="text-align: center">Adds</h1> <br/>

            <h:form id="allAddsId">
                <ui:repeat value="#{addBean.allAdds}" var="add" >
                    <p:panel id="basic" header="#{add.title}" style="margin-bottom:20px" toggleable="true" collapsed="true" styleClass="">
                        <p:ajax event="toggle"/>
                        <h:panelGrid columns="2" style="width:100%">
                            <p:outputLabel value="#{add.description}" />
                        </h:panelGrid> <br/>

                        <p:separator/>
                        <p:commandButton value="Edit"  oncomplete="PF('detail').show();" update="detailAdd" action="#{addBean.setAddAux(add)}"/>

                        <p:growl id="growl" showDetail="true" sticky="false" />
                    </p:panel>
                </ui:repeat>
            </h:form>  

            <p:dialog id="detail" header="Edit Add" widgetVar="detail">
                <p:outputPanel id="detailAdd">
                    <h:form>
                        <p:outputLabel value="Title"/><br/>
                        <p:inputTextarea id="titleEdit" value="#{addBean.addAux.title}" rows="2" cols="50" counter="displayTE" maxlength="50" counterTemplate="{0} caracteres restantes" autoResize="false" required="true" requiredMessage="Title necesaria"/> <br/>
                        <p:outputLabel id="displayTE"/> <br/> <br/>

                        <p:outputLabel value="Description"/> <br/>
                        <p:inputTextarea id="opcion1" value="#{addBean.addAux.description}" rows="6" cols="50" counter="displayDE" maxlength="200" counterTemplate="{0} caracteres restantes" autoResize="false" required="true" requiredMessage="Description necesaria"/> <br/>
                        <p:outputLabel id="displayDE"/> <br/> <br/>

                        <p:separator/> <br/>
                        <h:panelGrid columns="1">
                            <p:commandButton value="Save" action="#{addBean.editAdd(addBean.addAux)}" onclick="detail.hide()" update=":allAddsId"/>
                        </h:panelGrid>  
                    </h:form>
                </p:outputPanel>
            </p:dialog>

        </ui:define>
    </ui:composition>
</body>

1 个答案:

答案 0 :(得分:0)

Okey我找到了解决方案!!我不知道这是不是最好的答案,但在这里我去..

我正在做somo测试,我删除 p:ajax event =“toggle”,这是在面板声明下,现在有效!当我编辑添加列表添加自动更新和面板显示折叠!!我不知道为什么删除它会使它有效,如果有人知道随时告诉我!

希望这能有所帮助!