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

Question

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

Answer 1

这是通过嵌套<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组件中没有指定process属性的所有地方显式指定execute="@form"。

参见:

• 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>