5

我有一个网页,其中包含一个子页面,该子页面根据我在 primefaces 停靠菜单 ( ui:include) 中选择的元素进行更改。一些子页面包含我实现的自定义复合组件。Web 应用程序显示的第一页让他的所有听众都正常工作。当我通过停靠菜单更改子页面时,VideoStatusTable 的侦听器(复合组件的侦听器)将无法工作,直到我在浏览器中刷新页面(使用F5)或者如果我在停靠菜单中再次选择该页面。

这是包含停靠菜单的主页。

<h:body style="width:100%;height:100%;position:relative;">
    <h:panelGroup id="contentPanelGroup">
        <ui:include src="#{Template.currentView.view}" />
    </h:panelGroup>

    <div id="header-wrapper">
        <h:form id="headerForm" styleClass="titleSize" style="position:relative;height:100%;width:100%;">
        </h:form>
    </div>

    <div id="footer-wrapper">
                <h:form id="footerForm">
                    <h:graphicImage name="ctec.png" library="images" style="position:absolute;left:30px;bottom:10px;"/>
                    <p:dock>
                        <p:menuitem value="#{msgs.ViewEnum_TRANSFER}" icon="#{resource['images:hard-drive-download.png']}" action="#{Template.setWindow( 0 )}" update=":contentPanelGroup :headerForm :msgsArea" />
                        <p:menuitem value="#{msgs.ViewEnum_STATUS}" icon="#{resource['images:gears.png']}" action="#{Template.setWindow( 1 )}" update=":contentPanelGroup :headerForm :msgsArea"/>
                        <p:menuitem value="#{msgs.ViewEnum_ORGANIZATION}" icon="#{resource['images:folder.png']}" action="#{Template.setWindow( 2 )}" update=":contentPanelGroup :headerForm :msgsArea" />
                        <p:menuitem value="#{msgs.ViewEnum_VALIDATION}" icon="#{resource['images:chart-bar.png']}" action="#{Template.setWindow( 3 )}" update=":contentPanelGroup :headerForm :msgsArea" />
                        <p:menuitem value="#{msgs.ViewEnum_REPORT}" icon="#{resource['images:documents.png']}" action="#{Template.setWindow( 4 )}" update=":contentPanelGroup :headerForm :msgsArea" />
                    </p:dock>
                </h:form>
    </div>
    <p:growl id="msgsArea" life="5000"/>
    <ui:debug/>

</h:body>

TemplateBean看起来像这样:

@Named(value="Template") // CDI
@SessionScoped // CDI
public class TemplateBean implements Serializable {
    private static final long   serialVersionUID    = -8230221469543897876L;

    private Integer             window              = 2;

        // Some getters ...

        // Get Window
        public Integer getWindow() {
            return window;
        }

        public void setWindow( Integer window ) {
            this.window = window;
            FacesContext.getCurrentInstance().addMessage(
                    null,
                    new FacesMessage( FacesMessage.SEVERITY_INFO, getCurrentViewTitle(), getCurrentViewTitle() )
            );
            FacesContext.getCurrentInstance().addMessage(
                    null,
                    new FacesMessage( FacesMessage.SEVERITY_ERROR, getCurrentViewTitle(), getCurrentViewTitle() )
            );
        }
    }

ViewEnum(用于选择显示哪个视图):

public enum ViewEnum {
    TRANSFER ( "hard-drive-download.png", "/private/VideoTransfer.xhtml" ),
    STATUS ( "gears.png", "/private/ProcessStatus.xhtml" ),
    ORGANIZATION ( "folder.png", "/private/DataOrganization.xhtml" ),
    VALIDATION ( "chart-bar.png", "/private/ProcessValidation.xhtml" ),
    REPORT ( "documents.png", "/private/ReportGeneration.xhtml" ),
    ;

    private String                  iconFileName;
    private String                  view;
    private StreamedContent         icon = null;

    private ViewEnum( String iconFileName, String view ) {
        this.iconFileName = iconFileName;
        this.view = view;
    }
    public String getIconFileName() {
        return this.iconFileName;
    }
    public String getTranslationKey() {
        return "ViewEnum_" + this.toString();
    }
    public StreamedContent getIcon() {
        // irrelevant code ...
    }
    public String getView() {
        return this.view;
    }
}

自定义组件:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:composite="http://java.sun.com/jsf/composite"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      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"
      xmlns:cmpnt="http://java.sun.com/jsf/composite/component">

    <composite:interface componentType="videoStatusTableComponent">
        <composite:attribute name="value" required="true"/>
        <composite:attribute name="selection" required="true"/>

        <composite:attribute name="selectionListener" required="true" method-signature="void listener(org.primefaces.event.SelectEvent)"/>
        <composite:attribute name="selectionUpdate" required="false" default="@this"/>
        <composite:attribute name="refreshListener" required="true" method-signature="void action()"/>
    </composite:interface>

    <composite:implementation>
        <p:dataTable id="cmpntVideoList" var="video" value="#{cc.attrs.value}" rowKey="#{video.key}" style="clear:both;"
            selection="#{cc.attrs.selection}" selectionMode="single" emptyMessage="#{cc.attrs.emptyValueListMsg}">

            <p:ajax event="rowSelect" listener="${cc.selectionListener}" process="@this" update="${cc.attrs.selectionUpdate}"/>

            <composite:insertFacet name="header"/>

            <p:column headerText="Test">
                #{video.humanReadableVideoId}
            </p:column>

            <f:facet name="footer">
                <h:commandLink action="${cc.attrs.refreshListener}" style="float:right;">
                    <h:graphicImage library="images" name="button-rotate-cw_16.png"/>
                    <f:ajax render="cmpntVideoList" execute="@this"/>
                </h:commandLink>
            </f:facet>

        </p:dataTable>

    </composite:implementation>


 </html>


@FacesComponent( "videoStatusTableComponent" )
public class VideoStatusTableComponent extends UINamingContainer {

    public void selectionListener( org.primefaces.event.SelectEvent event ) {
        FacesContext context = FacesContext.getCurrentInstance();
        MethodExpression ajaxEventListener = (MethodExpression) getAttributes().get( "selectionListener" );
        ajaxEventListener.invoke( context.getELContext(), new Object[] { event } );
    }

}

第一个子页面(及其 Bean),其中包括组件:

 <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:c="http://java.sun.com/jsp/jstl/core"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui"
        xmlns:cmpnt="http://java.sun.com/jsf/composite/component">
    <ui:composition>
        <h:form id="contentForm">
            <cmpnt:videoStatusTable id="transferingVideoList"
                value="#{videoTransfer.tableModel}"
                selection="#{videoTransfer.selectedTableReadyNotCompletelyTranferedVideo}"
                selectionListener="${videoTransfer.onVideoSelection}"
                selectionUpdate=":msgsArea"
                refreshListener="${processStatus.refreshUncompletedVideos}"
            >
            </cmpnt:videoStatusTable>
        </h:form>
    </ui:composition>
    </html>



    @Named( value="videoTransfer" ) // CDI
    @SessionScoped // CDI
    public class VideoTransferBean implements Serializable {

        private static final long   serialVersionUID    = -9019701853654362317L;

        private VideoStatus                         selectedTableReadyNotCompletelyTranferedVideo;
        private VideoStatusTableModel               tableModel;

        private List<Video>                         currentlyTranferingVideos = null;

        // Other irrelevant code...

        public VideoStatusTableModel getTableModel() {
            return tableModel;
        }

        public void setSelectedTableReadyNotCompletelyTranferedVideo(VideoStatus selectedTableReadyNotCompletelyTranferedVideo) {
            this.selectedTableReadyNotCompletelyTranferedVideo = selectedTableReadyNotCompletelyTranferedVideo;
        }

        public VideoStatus getSelectedTableReadyNotCompletelyTranferedVideo() {
            return selectedTableReadyNotCompletelyTranferedVideo;
        }

public void onVideoSelection( SelectEvent event ) {
        FacesMessage msg = new FacesMessage( "Video Selected: " + ((VideoStatus) event.getObject()).getHumanReadableVideoId() );
        FacesContext.getCurrentInstance().addMessage( null, msg );
    }
    }

另一个包含相同组件的子页面(在我重新加载页面(通过停靠栏或如果我点击)之前,这里的侦听器不起作用F5):

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<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"
      xmlns:cmpnt="http://java.sun.com/jsf/composite/component"
>
    <ui:composition>
        <h:form id="contentForm">
            <cmpnt:videoStatusTable
                id="orphanVideoList"
                value="#{DataOrganization.videoTableModel}" 
                selection="#{DataOrganization.selectedVideo}"
                selectionListener="#{DataOrganization.onOrphanVideoSelection}"
                selectionUpdate=":msgsArea"
                refreshListener="#{DataOrganization.refreshOrphanVideos}"
            />
        </h:form>
    </ui:composition>
</html>
@Named(value="DataOrganization") // CDI
@SessionScoped // CDI
public class DataOrganizationBean implements Serializable, MonitoredBean {

    private static final long serialVersionUID = 1686055743669628317L;

    // Constants and variables

    @EJB
    private DataOrganizationEJB controller;

    private Integer companyEntityID = null;

    private VideoStatusTableModel videoTableModel;
    private VideoStatus selectedVideo;

    public void refreshOrphanVideos() {
        setOrphanVideos(controller.getOrphanVideos(getCompanyEntityID()));
    }

    public void onOrphanVideoSelection(org.primefaces.event.SelectEvent event) {
        this.setSelectedVideo(((VideoStatus) event.getObject()));
    }

    public VideoStatusTableModel getVideoTableModel() {
        return videoTableModel;
    }

    public VideoStatus getSelectedVideo() {
        return selectedVideo;
    }
    public void setSelectedVideo(VideoStatus selectedVideo) {
        this.selectedVideo = selectedVideo;
    }
}

有没有人知道如何避免重新加载网页以使组件的侦听器工作?

在 web XML 中,我已将其设置STATE_SAVING_METHOD为客户端。

<context-param>
    <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
    <param-value>client</param-value>
</context-param>

注意:我使用 JSF 2.0、Glassfish 3.1.2.2、Primefaces 3.4。

谢谢!

** * *更新* ** *

我发现问题确实来自组件。如果我使用完全相同的代码而不使用组件,那么一切正常。

有没有人遇到过这个问题?

4

2 回答 2

1

这看起来与我注意到的一些行为非常相似,并且在以下位置发现了这个问题:http: //java.net/jira/browse/JAVASERVERFACES-2050

于 2012-10-23T18:14:01.743 回答
1

我有同样的问题,但你真的应该避免这样做!你应该少做通用组件。它对我有用。

于 2013-08-02T18:06:07.987 回答