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

Question

如何使用更新div和部分提交<h:commandButton>,我以前曾经<p:commandButton>通过将ajax属性设置为true并将update属性设置为:statusBlock来进行部分提交,其中id <h:panelGroup>为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,所以你可能需要明确指定execute="@form"了,你没有指定所有地方process的PrimeFaces组件属性.

也可以看看:

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