p：ダイアログ内からajaxイベントを発生させる方法

Question

今日、コンポーネントの値が変更されたときに、バッキングBeanのメソッドを呼び出すために、今日私は大部分の時間がかかりました。私のコンポーネントが<p:dialog>の外にある場合はすべて正常に動作しますが、ダイアログ内でネストするとサーバー側は決して起こりません。もともと私は<p:calendar>コントロールで作業していましたが、単純なinputTextでも動作しないことに気付きました。次の例では動作します：

<h:panelGrid columns="3"> 
    <h:outputText value="Start"/> 
    <p:inputText id="startOfRange" value="#{myBean.startRange}" valueChangeListener="#{myBean.startChanged}"> 
     <p:ajax event="change" update="play"/> 
    </p:inputText> 
    <h:outputText id="play" style="margin-left: 10px;" value="#{myBean.startRange}"/> 
</h:panelGrid> 

私のバッキングBeanのメソッドは、以下のメソッドが呼び出されることは決してありませんように包まれたときに、この方法は、しかし、のinputTextのうちタブの後に呼び出される

public void startChanged(ValueChangeEvent event) { } 

次のようになります。

<p:dialog widgetVar="efDlg" zindex="10" appendToBody="true" header="Create Custom Date Range" 
     modal="true" height="375" width="450" resizable="false" closable="false" > 
<h:panelGrid columns="4"> 
    <h:outputText value="Start"/> 
    <p:inputText id="startOfRange" value="#{myBean.startRange}" valueChangeListener="#{myBean.startChanged}"> 
     <p:ajax event="change" update="play"/> 
    </p:inputText> 
    <h:outputText id="play" style="margin-left: 10px;" value="#{myBean.startRange}"/> 
    <p:inputText id="endOfRange" value="#{myBean.endRange}" valueChangeListener="#{myBean.endChanged}"/> 
</h:panelGrid> 
<div class="customRangeButtons"> 
    <span> 
     <p:commandButton value="Cancel" onstart="efDlg.hide();" actionListener="#{myBean.cancelCustomDateRange}" update="pGraphs"/> 
    </span> 
    <span style="margin-left: 300px;"> 
     <p:commandButton value="Ok" type="submit" onstart="efDlg.hide();" action="#{myBean.saveCustomDateRange()}" update="pGraphs"/> 
    </span> 
</div>  
</p:dialog> 

注意Mojarra 2.1.0でPrimeface 2.2.1を使用しています。値が変更されたときにstartChangedメソッドを呼び出すことができない理由は何ですか？

Answer 1

たぶん私はこのことについて間違っている（私が確認するために自宅で私のプロジェクトのコードを持っていない）が、これではありません。

<p:ajax event="change" update="play"/> 

がすることになって：

<p:ajax event="valueChange" update="play"/> 

私はAjax eventの値の大部分はJavaScriptイベントハンドラに似ているが、valueChangeはJSF Ajaxタグの特別な値であることがわかっている。

レコードの

、私は時々のinputTextの内側に2個のAjaxの子タグをペアリング、のような：

<p:ajax event="valueChange" process="@this" update="whatever"/> 
<p:ajax event="keyUp" process="@this" update="whatever"/> 

これは、それが同様に入力されたコピー＆ペーストとの損失で、各キーストロークに対処します親入力テキストに焦点を当てます。

Answer 2

私も同じ問題を抱えています。私はまた、単一のフォームを使用しており、ダイアログ内にはフォームはありません。私のappendToBody = "true"を持っていない限り、入力値とajaxとsubmitは正しく発生します。その属性にtrueを追加するとすぐに、より適切な/適切なレンダリングのために、入力値は受け入れられません。