ajax - 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でプロセス/実行にあるのに対し、 PrimeFacesは<f:ajax>デフォルトでになっているため、PrimeFacesコンポーネントで属性を指定しなかったすべての場所@thisを明示的に指定する必要がある場合があることに注意してください。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>