javascript - 从表中删除行后，Visualforce 页面不刷新

Question

SCRIPT:
function dodelete(id,deleted) {
    /*alert("UserId");*/
    $("input[id$='hdUserId']").val(id);
    $("input[id$='hdnDeleted']").val(deleted);
    //alert(id);
    //alert(deleted);
    setParams(id,deleted);
    //setInterval(50000);
    alert('Record deleted successfully!');
}
PAGE:
</tr>
<apex:repeat value="{!staffInfo.StaffAccepted}" var="u" id="staffaccepted" rendered="{!staffInfo.StaffAccepted.size <> 0 && staffInfo.StaffAccepted.size <> null}">
   <tr>
      <td>{!u.FullName}</td>
      <td>{!u.Email}</td>
      <td>{!$Label[u.Role]}</td>
      <td>{!$Label[u.RegType]}</td>
      <td>
         <a href="#" class="Reset" onclick="doResetPassword('{!u.contact}');return false;">{!$Label.PG_ApprovalProcess_Reset}</a>/
         <apex:outputPanel rendered="{!IF(u.valide, true, false)}">
            <apex:form style="margin:0px;">
               <apex:commandLink onclick="dodelete('{!u.contact}',true);" >  Delete</apex:commandLink>
               <!--<apex:actionSupport event="onclick" action="{!dodelete}" rerender="tabref"/>-->                                                                            
            </apex:form>
         </apex:outputPanel>
      </td>
   </tr>
</apex:repeat>
<apex:form >
   <apex:actionFunction action="{!dodelete}" name="setParams" rerender="dummy">
      <apex:param name="param1" assignTo="{!UsId}" value="" />
      <apex:param name="param2" assignTo="{!userDeleted}" value="" />
   </apex:actionFunction>
</apex:form>

Controller:

public void dodelete()
{
System.debug('PG_ApprovalController.doAction() called: Id: ' + UsId + ' and approved: ' + userDeleted);
/*Contact contact = [select Id, PG_ContactApprovalState__c from Contact where Id = :this.UsId];
PG_ContactApprovalStatus__c cas = [select Id, PG_ApprovalStatus__c from PG_ContactApprovalStatus__c where Id = :contact.PG_ContactApprovalState__c];
system.debug('PG_ContactApprovalStatus__c found, Id : ' + cas.Id + ', status : ' + cas.PG_ApprovalStatus__c);
if(userDeleted) 
{
    cas.PG_ApprovalStatus__c = PG_Enums.APPROVAL_STATUS_TYPE.Deleted.name();
    update cas;
    system.debug('Deleted');
} */
Contact contact = [select Id, PG_ContactApprovalState__c from Contact where Id =:this.UsId];
PG_ContactApprovalStatus__c cas = [select Id, PG_ApprovalStatus__c from PG_ContactApprovalStatus__c where Id = :contact.PG_ContactApprovalState__c];
system.debug('PG_ContactApprovalStatus__c found, Id : ' + cas.Id + ', status : ' + cas.PG_ApprovalStatus__c);
if(userDeleted) 
{
    cas.PG_ApprovalStatus__c = PG_Enums.APPROVAL_STATUS_TYPE.Deleted.name();
    update cas;            
    system.debug('Deleted');
    PageReference nextPage = new PageReference('/apex/PG_PharmacyOverview');
    nextPage.setRedirect(true);
}
    //update cas;
    system.debug('Entered ###########>>>>>>>>>>:'+p);
}

我想在从表中删除用户后刷新页面， 笔记:- 如果我删除 LINE "alert('记录删除成功!');"从脚本页面刷新不起作用，甚至删除功能也不起作用。

Answer 1

处理操作函数时需要刷新表格，可以使用 rerender 属性来做到这一点。

在action函数中添加rerender属性，即要刷新的组件的id:

<apex:actionFunction action="{!dodelete}" name="setParams" rerender="contactTablePanel">
    <apex:param name="param1" assignTo="{!UsId}" value="" />
    <apex:param name="param2" assignTo="{!userDeleted}" value="" />
</apex:actionFunction>

将表格封装在面板内，并分配一个Id或将id添加到任何需要从apex:actionfunction刷新的组件中-

<apex:outputPanel id="contactTablePanel">
    <table>
        ....
    </table>
</outputPanel>