2012-04-11 33 views
-1

私はa4j:commandbuttonが2つのテキストボックスの値をキャプチャするページを持っています。テキストボックスの値は、このようにデフォルト設定されています入力テキスト値をデフォルトにリセットするにはどうすればよいですか?

<a4j:region id="pnreg" > 
    <h:inputText id="pn" binding="#{bean.pn}" 
    value="Enter Number..."  
    onclick="clickclear(this, 'Enter Number...')"/>  
    </a4j:region> 
    </td> 
    <td width="20"> 
    <a4j:region id="qtyreg" > 
    <h:inputText value="Enter Part Qty..." id="qty" binding="#{bean.qty}"  
    onclick="clickclear(this, 'Enter Qty...')"/>  
    </a4j:region> 
    </td>  
    <td width="20%"> 
    <a4j:commandButton id="addPart" render="pn,qty" value="Add Part" 
    action="#{bean.submit}" /> 

ページが最初のテキストボックスには、デフォルト値を示してロードし、ユーザーがそれらにクリックしたときにコード化されたような値がクリアされている場合。ボタンをクリックすると、テキストボックスをデフォルト値に戻します。 jqueryの使用私はクリックイベントハンドラを追加する必要があると思うが、richfaces APIには既にa4j:commandbuttonにアタッチされたイベントハンドラがある。 richfaceイベントハンドラでjqueryイベントハンドラを動作させるにはどうすればよいですか?ありがとう。

+0

が、これは単にと入力を作成することによって行われます「リセット」のタイプはボタンとして表示されます。 – Shea

答えて

0

テキストフィールドでclickclear()を呼び出す新しいJavaScript関数を作成します。その後、a4j:commandButtonを変更し、oncomplete = "yourNewFuction();を追加します。あなたの新しい関数があなたのAJAX呼び出しが完了したときに実行されるようにします。

+0

ありがとう、私はこれらのショットを与え、戻ってきます。 – sotn

0

あなたがのinputTextの値をバックに設定したい場合は、a4j:commandButtononclick方法であなたのjs機能を追加する必要があり、次のようになります。そのコードサンプルで

<a4j:commandButton id="addPart" value="Add Part" 
    onclick="alert('Before the ajax submit...');verifyInputTexts();" 
    action="#{bean.submit}" 
    render="pn,qty" limitToList="true" 
    oncomplete="alert('Ajax completed!')" /> 

verifyInputTextsはにあなたのJS関数とすることができjavascriptを使用してHTMLを検証します。もう1つは、a4j:commandButtonの属性を書き込んだ方法が実行される順番であり、limitToList="true"は、ajaxがrender値のコンポーネントのみを再レンダリングするように指示することです。

0

「キャンセル」ボタンと使用タイプ=と同じ形の内部のinputTextを入れ EX「リセット」:フォームと入力を使用して、通常のHTMLで

<h:form id="globalNotificationSettingsForm"> 
     your input <h:inputText> 
     <a4j:commandButton id="cancelButton" 
     ....other tags.. 
     render="globalNotificationSettingsForm" 
     immediate="true" 
     type="reset"/> 
</h:form> 
関連する問題