1

我正在尝试在使用 primepush 添加一行后更新数据表。意思是,我希望 user1 更新数据表,而 user2 应该在不刷新页面的情况下看到添加的行。

我的 Primefaces 版本是 5.2,Atmosphere 运行时版本是 2.3.3

这是我尝试根据 Primefaces Showcase 和用户指南实现的相关代码:

网页.xml:

<web-app xmlns="http://java.sun.com/xml/ns/javaee"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
 http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
 version="3.0">

    <display-name>PrimeFaces Web Application</display-name>

    <context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Development</param-value>
    </context-param>
    <context-param>
        <param-name>javax.faces.DEFAULT_SUFFIX</param-name>
        <param-value>.xhtml</param-value>
    </context-param>        

    <welcome-file-list>
        <welcome-file>faces/index.xhtml</welcome-file>
    </welcome-file-list>

    <filter>
        <filter-name>AccessFilter</filter-name>
        <filter-class>view.AccessFilter</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>AccessFilter</filter-name>
        <url-pattern>/secured/*</url-pattern>
    </filter-mapping>

    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet>
        <servlet-name>Push Servlet</servlet-name>
        <servlet-class>org.primefaces.push.PushServlet</servlet-class>
        <async-supported>true</async-supported>
    </servlet>

    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.jsf</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.faces</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.xhtml</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Push Servlet</servlet-name>
        <url-pattern>/primepush/*</url-pattern>
    </servlet-mapping>
</web-app>

支持豆:

@ManagedBean
@ViewScoped
@PushEndpoint("/main")
public class MainBean implements Serializable{

...

    public void addContact(ActionEvent event){

        ... // database operations

        Contact con = new Contact(); 

        contacts.add(con); // this is an ArrayList

        EventBus eventBus = EventBusFactory.getDefault().eventBus();
        eventBus.publish("/main", contacts);
    }

    @OnMessage(encoders = {JSONEncoder.class})
    public ArrayList<Contact> getContacts(){
        return contacts;
    }
}    

主要.xhtml:

...

<p:commandButton value="Add Contact" update=":form:datatable" 
    actionListener="#{mainBean.addContact}" ajax="true"/>

<h:form id="form">
    <p:dataTable id="datatable" var="contact" value="#{mainBean.contacts}" 
     selectionMode="single" rowKey="#{contact.firstName}" 
     selection="#{mainBean.selectedContact}">

        <p:column headerText="First Name">
            <h:outputText value="#{contact.firstName}"/>
        </p:column>
        <p:column headerText="Last Name">
            <h:outputText value="#{contact.lastName}"/>
        </p:column>
    </p:dataTable>
</h:form>
<p:socket channel="/main">
    <p:ajax event="message" update=":form:datatable"/>
</p:socket>

当我尝试向表中添加一行时,不会发生错误,但有些行会丢失。当我刷新时,表格会以应有的方式重新加载。添加的行也不会在不同用户之间传递。在 user1 向表中添加值后,User2 仍然需要刷新才能看到更改。

我也尝试了此链接中的建议,但没有成功。我对 primepush 很陌生,我在网上找到的示例(用户指南除外)适用于 Primefaces 的真正旧版本,并且在 Primefaces 5 之后推送功能似乎发生了很大变化。感谢任何帮助。

编辑:我也试过这些链接:链接链接链接

编辑 2:我已经记录了推送是否有效,而且似乎确实如此。当我导航到启用了推送的页面时,我可以在控制台上观察到它被激活了。但是,当我尝试更新表格时,正在填充表格的列表的 get 方法在推送后连续调用了 3 次...

4

0 回答 0