数据库更改后如何在 JSF 中刷新 ajax 调用？答案

【问题标题】：How to refresh ajax call in JSF after database change?数据库更改后如何在 JSF 中刷新 ajax 调用？
【发布时间】：2014-05-14 12:50:30
【问题描述】：

我有一个使用 ajax 请求在我的 JSF 页面中生成的表。当我删除并进入该表时，我希望刷新 ajax 调用以显示该条目已被删除。下面是我的代码。在单击“deleteAccount”命令按钮的那一刻，该条目会从数据库中删除，但这不会反映在屏幕上，直到我再次单击“searchcontractors”按钮。任何帮助表示赞赏。谢谢

<h:form id="searchForm">
    <div class="white"><H2>View All Contractors</H2></div>
    <table>
        <tr>
            <td>
             <div class="myButtonPadding">
                <h:commandButton id="searchContractors" class="myButton"
                  action="#{adminBean.searchAllContractors()}" value="View All">
                     <f:ajax execute="@form" render=":results" />
                </h:commandButton>
              </div>
             </td>
        </tr>
    </table>
</h:form>

<table>
    <tr>
      <td>
        <div class="red">
           <H2>Search Results</H2>
        </div>      
        <ui:repeat var="a" value="#{adminBean.contractorList}" varStatus="status">
            <tr>
                <td>
                   <div class="generaltext5">#{a.businessName}</div>
                </td>
                <td>
                    <h:commandButton id="deleteAccount" class="myButton2" value="Delete" action="#{adminBean.deleteAccount(a.id)}">
                         <f:param name="compId" value="#{a.id}" />
                     </h:commandButton></td>
              </tr>  
         </ui:repeat>
        </td>
    </tr>
</table>

【问题讨论】：

标签： ajax jsf

【解决方案1】：

在您的按钮上使用<f:ajax> 标签。

<h:commandButton id="deleteAccount" class="myButton2" value="Delete" type="button" >
    <f:ajax event="click" listener="#{adminBean.deleteAccount(a.id)}" render=":searchForm"/>
</h:commandButton>

这将启动一个 ajax 调用并使用 id searchForm 更新整个表单，但如果您愿意，您可以只更新表格。为了未来的证明，如果您想从您的下表进行任何提交，请确保将其包含在 h:form 标记中。顺便提一句。你为什么要传递一个参数

<f:param name="compId" value="#{a.id}" />

如果你已经通过方法调用做到了？ (adminBean.deleteAccount(a.id))

【讨论】：