Primefaces如何推送<p:socket>工作?</p:socket>

时间:2014-08-11 14:08:36

标签: jsf primefaces push

我正在尝试使用PF推送计数器示例,但我并不成功。 我有两个portlet。 一个是计数器portlet。另一个是反制portlet。 我如何订阅(注册)到'频道'?

我的代码非常直接来自PF Showcase示例。

1)柜台(出版商) Counter.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:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
<h:body>


    <h:form id="form">
        <h:outputText id="out" value="#{counterBean.count}"
            styleClass="ui-widget display" />

        <p:commandButton value="Click"
            actionListener="#{counterBean.increment}" />
    </h:form>



</h:body>

</html>

CounterBean.java

@ApplicationScoped
@ManagedBean
public class CounterBean {

private volatile int count;

public int getCount() {
    return count;
}

public void setCount(int count) {
    this.count = count;
}

public void increment() {
    count++;
    System.out.println("increment() " + count);
    EventBus eventBus = EventBusFactory.getDefault().eventBus();
    eventBus.publish("/counter", String.valueOf(count));
}

2)CounterView(消费者) CounterView.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:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">
<h:body>
    <h:form id="form1">
        <h:outputText id="out" value="What's my count?" styleClass="display" />

        <p:remoteCommand name="updateWidgets"
            actionListener="#{consumerBean.printMessage()}" update=":form1:out" />
    </h:form>
    <p:socket onMessage="handleMessage" channel="/counter" />

    <script type="text/javascript">
    function handleMessage(data) {
        updateWidgets();
    }
</script>
</h:body>

</html>

使用此示例

How Primeface Socket works?

CounterResource.java

@PushEndpoint("/counter")
public class CounterResource {

    @OnMessage(encoders = { JSONEncoder.class })
    public String onMessage(String count) {
        System.out.println("OnMessage " + count );
        return count;
    }
}

@SessionScoped
@ManagedBean
public class ConsumerBean {
private int count;
private String message;


public int getCount() {
    return count;
}
public void setCount(int count) {
    this.count = count;
}
public String getMessage() {
    return message;
}
public void setMessage(String message) {
    this.message = message;
}

public void printMessage(){
    System.out.println("Consumer Bean Listener!");

}



}

问:count.xhtml上的计数器递增,但counterView.html上没有任何反应。 我放了几个断点但在Consumer bean中没有任何停顿。

我怎么能有这项工作? 这似乎只是一个简单的例子,但可以让它发挥作用。 你能帮忙吗?

1 个答案:

答案 0 :(得分:0)

1st:你的ConsumerBean是什么?你有一个应用程序作用域CounterBean,它包含你想用“推”显示的计数器。那你为什么在ConsumerBean中有另一个计数器?

第二:在CounterView.xhtml中你根本不显示计数器,甚至是ConsumerBean的计数器。

在CounterView.xhtml页面中使用CounterBean(及其计数器)。 在h:outputText而不是“我的数量是多少?”修复值使用#{counterBean.count}(与counter.xhtml中的方法相同)。

顺便说一句,检查官方演示,它运作良好: http://www.primefaces.org/showcase/push/counter.xhtml