1 Reply Latest reply on Jan 27, 2011 5:34 AM by Ilya Sorokoumov

    Combination of dataTable and popupPanel

    Andi D Newbie

      Hi community,

       

      I  integrated a delete button in my rich:dataTable (it works!), but now I would like to integrate a rich:popupPanel with the question on the user if the user really want to delete this entity.

       

      How can I realize this problem?

       

       

      <h:form id="listForm">
           <h:panelGroup id="searchResults">
                <rich:panel id="richPanel">
                     <f:facet name="header">List</f:facet>
                     <a4j:outputPanel id="outPanel">
                          <div class="results" id="entityList">
      
                               <rich:dataTable id="dataTable" var="entity"
                                     value="#{entityList.resultList}" >
       
                                    <rich:column>
                                         <f:facet name="header">#{messages.id}</f:facet>
                                         <h:link id="idLink" value="#{entity.id}" outcome="/entity/entity">
                                         <f:param name="entityIdd" value="#{entity.id}" />                                   </h:link>
                                    </rich:column>
      
                                    <rich:column style="width:20px;text-align:center">
                                         <f:facet name="header">&#160;</f:facet>
                                         <h:commandLink id="delete" action="#{fileUploadHome.remove(entity.id)}" render="outPanel">
                                              <h:graphicImage name="img/delete.gif" alt="Delete" style="border:0px" />
                                              <rich:componentControl target="popup" operation="show"  />
                                          </h:commandLink>
                                       </rich:column>
                               </rich:dataTable>
                          </div>
                     </a4j:outputPanel>
                </rich:panel>
           </h:panelGroup>
      </h:form>
      
      <rich:popupPanel id="popup" overlapEmbedObjects="true" height="300"    width="400" resizeable="true">
           <!-- Text "Do relly want to delete this entity" and buttons for 'Yes' and 'Cancel' -->
      </rich:popupPanel>