2014-12-29 2 views
1

필드 세트의 외부와 내부에있는 버튼에서 필드 세트를 확장/축소하려고합니다. 문제는 항상 원하는 것이 아니라는 것입니다. 필드 세트가 눈 깜짝 할 사이에 팽창하고 붕괴하는 경우가 있습니다. 때로는 항상 열린 채로 남아 있습니다. 그러나 다른 단추의 클릭이 필드 집합과 관련이 없다면 상태를 "재설정"한 것처럼 보입니다. 예를 들어 양식 유효성 검사가 실패 할 때까지 잠시 동안 버튼이 제대로 작동하기 시작합니다. 여기 전체 XHTML이 있습니다. 나는 작은의 제안에 따라 사전Toggle p : 다른 버튼에서 필드 세트

<p:fieldset id="fs_new_po" 
      widgetVar="fs_new_po" 
      legend="#{msg['btn_add_po.manage_po']}" 
      toggleable="true" 
      toggleSpeed="500" 
      collapsed="true"> 
    .... 

    <p:column> 
     <p:commandButton process="@this" 
         update=":mng_po:fs_new_po :mng_po:msgs" 
         value="#{msg['btnCancel']}" 
         onclick="PF('fs_new_po').toggle();" 
         actionListener="#{managePO.btnCancelClick}"/> 
    </p:column> 
</p:row> 
</p:panelGrid> 

</p:fieldset> 

... 

<p:commandButton process="@this" 
       update=":mng_po:fs_new_po" 
       oncomplete="PF('fs_new_po').toggle();" 
       icon="ui-icon-pencil" 
       title="edit" 
       action="#{managePO.btnEditClick}"> 
    <f:setPropertyActionListener value="#{po}" target="#{managePO.selectedPo}"/> 
</p:commandButton> 
+1

코드가 너무 많습니다. 보여줄 필요가있는 의심스러운 부분을 격리시켜 주시겠습니까? – Tiny

+0

편집 됨, 죄송합니다. 중요한 정보 일 수 있다고 생각했습니다. –

+0

브라우저 콘솔에 오류가 있습니까? – Tiny

답변

1

에서 매우 어떤 AJAX 문제

감사합니다, 나는 온 클릭 이벤트를 변화 할 수있는 필드 셋의 단지 내용을 업데이트하기 때문입니다 생각한다.

<p:fieldset id="fs_new_po" 
     widgetVar="fs_new_po" 
     legend="#{msg['btn_add_po.manage_po']}" 
     toggleable="true" 
     toggleSpeed="500" 
     collapsed="true"> 
    //ADDED A CONTENT INSIDE THE FIELDSET TO BE UPDATED 
    <p:panelGrid id="fs_cntnt"> 

.... 

    <p:column> 
     //UPDATE JUST THE CONTENT OF THE FIELDSET 
     <p:commandButton process="@this" update=":mng_po:fs_cntnt :mng_po:msgs" value="# {msg['btnCancel']}" onclick="PF('fs_new_po').toggle();" actionListener="#{managePO.btnCancelClick}" /> 
    </p:column> 
</p:row> 
</p:panelGrid> 

</p:fieldset> 

... 
//UPDATE JUST THE CONTENT OF THE FIELDSET 
<p:commandButton process="@this" update=":mng_po:fs_cntnt" oncomplete="PF('fs_new_po').toggle();" icon="ui-icon-pencil" title="edit" action="#{managePO.btnEditClick}" > 
        <f:setPropertyActionListener value="#{po}" target="#{managePO.selectedPo}" /> 
       </p:commandButton> 

고마워요!