6 Replies Latest reply on Mar 1, 2010 4:35 PM by Daniel Dausch

    Inconsistent rendering of ModalPanel

    Daniel Dausch Newbie

      I have a fairly simple requirement:

      - delete a row from the extendedDataTable which involves invoking a web service and removing the row for session cache and redisplaying the exdataTbl


      I have looked at many examples and have actually implemented (in a similar manner) a modalPanel in another part of the app. The issue is with the modalPanel that is displayed to confirm the user action - it only sometimes displays the correct details, sometimes it is blank and sometimes it is the previous row selection. I am using version 3.3.2.SR1


      My command link on a column in the extendedDataTable is as follows:



      <a4j:commandLink id="deleteButton" ajaxSingle="true"











      <f:setPropertyActionListener value="#{myacls}"





      <h:graphicImage value="/images/delete_clear.gif" class="command-button-icon" alt="Delete Access Level"/>




      Note that I have a setPropertyActionListener to set the selected table row object (#myacls) in the backing bean and threw in an additional call to 'verifyDeleteSelection' to double check. From my debug statements it looks like both are being called on a consistent basis.


      Here is a portion of my modalPanel:



      <rich:modalPanel id="#{modalpanelid}" autosized="true" width="370">


      <f:facet name="header">




      <h:outputText>Delete Access Level</h:outputText>






      <f:facet name="controls">


      <h:graphicImage value="images/close.png" style="cursor:pointer"








      <div id="myViewDeleteAccLvlDiv">





      <a4j:outputPanel ajaxRendered="true" id="editSecurityGroupForm">


      <h:panelGrid columns ="1">



      <h:outputText id="delete1" styleClass="modal-item"



      value="Your are about to delete Access Level:">




      <h:outputText id="delete2" styleClass="modal-item"








      <h:outputText id="delete3" styleClass="modal-item"



      value="for #{AcrViewController.selectedAssignedAclForDelete.firstNm} #{AcrViewController.selectedAssignedAclForDelete.lastNm}.">






      <h:outputText id="delete4" styleClass="modal-item"



      value="Please Confirm."></h:outputText>





      This issue seems to be with the call value="#{AcrViewController.selectedAssignedAclForDelete.aclDesc and the other data calls. It seems that it is calling these methods only some of the time. I am rendering the 'div' section as described in other articles and tutorials. It seems to get messed up when the cancel button is called as below:



      <h:panelGrid columns ="2">


      <a4j:commandButton value="Confirm"

















      <a4j:commandButton value="Cancel"















      I have literally been trying to resolve this for several days. It should be easy!


      Any thoughts or help would be appreciated. Thanks.