Facelets_Ajax - Manjyu Wiki - Manjyu

Facelets: 直接 Ajax を呼び出し

使い方

• jsf.ajax.request をもちいると、JSF において さまざまな Ajax 処理を利用することができるようになります。

XHTML

 <h:outputScript name="jsf.js" library="javax.faces" target="head" />
 
 <li id="idSubmit">
   <h:commandButton id="idSubmitButton" value="なにか処理" action="#{someBean.submit(someArg)}" />
 </li>
 
 <h:outputText id="submitResult" value="#{someBean.submitResult}" style="display:none" />
 
 <script type="text/javascript">
 $('#idSubmit').click(function(event) {
   jsf.ajax.request(event.target, event,
     {render: '<フォームID>:submitResult', onevent: function(event) {
       if (event.status == 'complete') {
         if (event.responseText.indexOf('&gt;SUCCESS&lt;') > 0) {
           window.alert('成功しました。');
         } else {
           window.alert('失敗しました。');
         }
       }
     }
   });
   // event.preventDefault();
 });
 </script>

ポイント

• event.preventDefault(); が必要な場合と不要な場合がありケース・バイ・ケースです。
• Ajax の戻り XML について もっとまじめにパースするという手もあります。

リンク

• Manjyu: Facelets トップページ