Hello,

 

I wanted to share my knowledge on this topic. 

 

It seems to me the reason why you are seeing your data rerendered is because when you copy the modal example, all the data is loaded when the page loads - and consequently, when the extension is invoked.

 

I was running into this same issue.

 

The solution to this is to rerender the 'pageBlock' not the pageBlockTable or dataTable. 

 

It seems that rerendering the pageBlock forces a reRendering of the elements inside of the pageBlock, including the pageBlcokTable.

 

Also, if you are displaying values in a table and using those values to control the display of the modal popup, make sure you clear the results displayed in the pageBlockTable before the user clicks another field value that displays the same modal popup with different data.

 

For my need, a button on a Job Description page takes the user to a page that displays summarized details of that job as well as all candidates that match the skill sets and other parameters. For each candidate returned in the dataTable, I need to use the popup modal to display summarized details about the candidate and how their skillsets relate to the currently viewed job description.

 

The user clicks a link called 'view' next to the name of the candidate and a popup modal opens displaying the candidates' summarized info. The user clicks close and can click on another candidate to see that person's details.

 

Here is a snippet of the code I used:

 

This VF code works with my extension to generate a dataTable with the candidate's name 2 links, 1 to view the candidates' summarized info and 1 to apply for the job:

 

<apex:outputPanel id="exactMatch" rendered="{!contactFull.size > 0}">

                        <td align="center" valign="middle" style="border-right:dotted; border-weight:1pt">

                            <apex:dataTable value="{!contactFull}" var="emt" title="Exact Match" styleClass="tableClass">

                                <apex:facet name="header">Exact Match</apex:facet>

                                <apex:column >

                                    <apex:commandLink action="{!viewer}" onComplete="YAHOO.force.com.showMe();" reRender="memberShine">

                                    view

                                    <apex:param name="viewmId" value="{!emt.id}" assignTo="{!appMemberId}"/>

                                    </apex:commandLink>

                                |

                                    <apex:commandLink action="{!apply}">

                                        apply

                                        <apex:param name="mida" value="{!emt.id}" assignTo="{!appMemberId}"/>

                                        <apex:param name="jlida" value="{!Job_Lead__c.id}" assignTo="{!jobLeadId}"/>

                                        <apex:param name="jlwagea" value="{!Job_Lead__c.Hourly_Wage__c}" assignTo="{!wage}"/>

                                    </apex:commandLink>

                                </apex:column>

 Notice the reRender function on the commandLink. The following shows the VF code being reRendered:

<apex:form >

          <apex:actionRegion >

            <apex:pageBlock id="memberShine" title="Member Details" tabStyle="Contact">

                <apex:pageBlockSection columns="3" title="{!miniMember.FirstName} {!miniMember.LastName} - Current Salary: ${!miniMember.CW_EH_Current_Salary__c}" collapsible="true">

                    <apex:outputField value="{!miniMember.Skill_Sets__c}"/>

                    <apex:outputField value="{!miniMember.Shift__c}"/>

                    <apex:outputField value="{!miniMember.Can_speak_Spanish__c}"/>

                    <apex:outputField value="{!miniMember.Education__c}"/>

                    <apex:outputField value="{!miniMember.KPH__c}"/>

                    <apex:outputField value="{!miniMember.X6_Month_Job_Stability__c}"/>

                    <apex:outputField value="{!miniMember.Lifting__c}"/>

                    <apex:outputField value="{!miniMember.WPM__c}"/>

                    <apex:outputField value="{!miniMember.X1_Year_Job_Stability__c}"/>

                </apex:pageBlockSection>

                <apex:pageBlockSection title="Criminal Records" columns="1" collapsible="true">

                <apex:pageBlockTable value="{!miniMemberCRecords}" var="miniM" rendered="{!miniMemberCRecords.size > 0}">

                    <apex:column value="{!miniM.Year__c}" headerValue="Year"/>

                    <apex:column value="{!miniM.Type__c}" headerValue="Type"/>

                    <apex:column value="{!miniM.Category__c}" headerValue="Category"/>

                    <apex:column value="{!miniM.Description__c}" headerValue="Description"/>

                    <apex:column value="{!miniM.Counts__c}" headerValue="Counts"/>

                </apex:pageBlockTable>

            </apex:pageBlockSection>

            </apex:pageBlock>

            <div style="text-align: right;" >

              <apex:commandButton immediate="true"  title="Close" value="Close"

                  oncomplete="YAHOO.force.com.hideMe();" />

            </div>

          </apex:actionRegion>

          </apex:form>

 My extension clears the results everytime a user clicks 'view'.

 

Hope this helps.