Combination of dataTable and popupPanel

[dandii]

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>

[ilya40umov]

1) May be you can try this at first:

http://psacake.com/web/iw.asp

2) You may add onclick handler for h:commandLink which will show rich:popupPanel in case when a user haven't confirmed the deleting and then when the user presses 'yes'  you will delete the entry in DB. But you will have to pass selected entity id to this JS handler.