ajax - 使用 h:commandButton 进行 Ajax 更新和提交

Question

如何更新 div 并使用 进行部分提交<h:commandButton>，我以前<p:commandButton>通过将 ajax 属性设置为 true 并将更新属性设置为 :statusBlock 来进行部分提交，其中 id<h:panelGroup>为 statusBlock。我有一些设计问题，<p:commandButton>所以我不能使用它，所以我必须使用<h:commandButton>.

Answer 1

这是通过在其中嵌套 a 来完成的<f:ajax>。

在效果上，

<p:commandButton ... process="@form" update=":statusBlock" />

完全一样

<h:commandButton ...>
    <f:ajax execute="@form" render=":statusBlock" />
</h:commandButton>

请注意，与 PrimeFaces 等效项的细微差别在于 PrimeFaces 默认为@form在进程/执行中，而<f:ajax>一个默认为@this，因此您可能需要明确指定在 PrimeFaces 组件execute="@form"中未指定process属性的所有位置。

也可以看看：

• JSF 2.0 中的通信 - Ajax（异步）POST 表单

Answer 2

您可以在 f:ajax 旁边使用标准组件，例如

<h:form id="myForm">       
  <h:commandButton value="Push Me">
     <f:ajax execute="myForm" render="statusBlock" />
  </h:commandButton>
  <h:panelGroup id="statusBlock">
  </h:panelGroup> 
</h:form>