PrimeFacesのRequestContextはパワフルな予感

先日のJJUGナイトセミナー以来、コツコツとJavaScriptを勉強し始めました。
（参加記録→JJUG ナイト・セミナー「JavaエンジニアのためのJavaScript講座」に参加しました )

Java EEに限った話ではないですが、JavaScriptをもっとよく知って上手く使えれば、強力な武器になりますよね(^^)

で、実は今日初めて知ったのですが…PrimeFacesのRequestContextを利用すると、BackingBean内で生成したインスタンスをクライアント側へ返す、なんてことができるとのこと！

PrimeFacesのUser Guideに書いてあって気づいたので…やはりドキュメントは最初にしっかり目を通すべきだなぁ(^^;

で、以下のような感じの簡単なサンプル作りました。

ユーザクラス

public class User {
    private String firstname;
    private String lastname;
    
    public User(String firstname, String lastname){
        this.firstname = firstname;
        this.lastname = lastname;
    }

    //setter,getter省略
}

BackingBean

import javax.inject.Named;
import javax.enterprise.context.RequestScoped;
import org.primefaces.context.RequestContext;

@Named(value = "requestContextBean")
@RequestScoped
public class RequestContextBean {
    
    public void createUser(){
        RequestContext requestContext = RequestContext.getCurrentInstance();
        requestContext.addCallbackParam("user", new User("kikutaro", "777"));
    }  
}

先に定義したUserクラスのインスタンスを生成して、RequestContextのaddCallbackParamにセットするだけです。

JSFの画面xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>RequestContextサンプル</title>
    </h:head>
    <h:body>
        <h:form>
            <p:commandButton id="btnSubmit" value="Submit"
                             actionListener="#{requestContextBean.createUser()}"
                             oncomplete="showUser(xhr, status, args);"/>
            
            <script type="text/javascript">
                function showUser(xhr, status, args){
                    var firstname = args.user.firstname;
                    var lastname = args.user.lastname;
                    alert(firstname + lastname);
                }
            </script>
        </h:form>
    </h:body>
</html>