JSFは、私がどのようなショーケースではなく、さわやかなページせずにその同じことをしたいアヤックス

Question

https://www.primefaces.org/showcase/ui/ajax/event.xhtml

使用してコマンドボタンにフォームを送信します。以下のような：のinputTextで値を設定し、結果を表示するボタンをクリックして、私は<p:ajax event="blur" />または<p:ajax/>を持っているならば、私は多分使用outpupanelのようなものをボタン上の2回

<p:inputText id="data" value="#{buttonView.data}"> 
    <p:ajax/> 
</p:inputText> 


<p:commandButton value="Ajax Submit" id="ajax" actionListener="#{buttonView.buttonAction}" /> 

をクリックして、コマンドボタンでそのパネルを更新する必要がありますか？

Answer 1

代わりにp：ajax try f：ajax。値が変更されると< f：ajax event = "change" render = "@ this" /> を使用できます。同じ値がバッキングBeanに反映されます。

Answer 2

<p:commandButton />を使用する場合は、フォームが提出されます。この場合、<p:commandButton />の属性updateを使用してターゲットコンポーネントを更新します。

入力するとすぐに別のコンポーネントを更新する場合は、<p:ajax event="keyup" update="your_target_component_id" />を使用してターゲットコンポーネントを更新します。

Answer 3

なぜp:ajaxというコンセプトとp:commandButtonの機能を混在させるのか分かりません。

基本的に、p:ajaxの使用量は、部分的に フィールド（複数可）の値を処理し、それを提出さえ なしformの成分（複数可）を更新することを意図しています。

例： あなたは、画面上の国や州のドロップダウンは（人口前）他のいくつかのフィールドを持つ（の登録言わせて）持っていますが、ユーザーが国を変更した場合、あなたは国を補充する必要がありますドロップダウンし、画面上で非同期に更新します。そこにp:ajaxを使用する必要があります。一方

、p:commandButtonは（最初のコンポーネントを更新しない）form を提出することを意図しています。ただし、update属性を使用するコンポーネントの更新も をサポートしています。

例：今 、同様のドロップダウン（ただし、固定値で無効）で上記の例を再考します。これで、画面に何も更新されていないことがわかりました。検証があればそれに取り組み、必要に応じてフォームを送信してください。限り、あなたが非同期的にいくつかのためp:inputTextにp:ajaxを使用して懸念しているよう

は完全にあなたのrequriementに依存している、最終的にはformを提出し、画面とp:commandButtonに更新します。