在ajax调用之后,复合组件呈现两次

时间:2015-11-25 17:24:40

标签: ajax jsf primefaces jsf-2.2 composite-component

我对复合组件有一种奇怪的情况。我在我的Web应用程序中使用它,但现在我注意到如果我更新包含我的复合组件的表单,则组件会被渲染两次(有时)。

我的组件(假设它叫datecc)定义如下:

<?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:composite="http://java.sun.com/jsf/composite" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui">
    <h:body>
        <composite:interface>
            <composite:attribute name="value"/>
            <composite:attribute name="shortFormat"/>
            <composite:attribute name="style"/>
            <composite:attribute name="styleClass"/>
            <composite:attribute default="false" name="inputLabel"/>
        </composite:interface>
        <composite:implementation>
            <span id="#{cc.clientId}">
                <h:outputText rendered="#{not cc.attrs.inputLabel}" style="#{cc.attrs.style}" styleClass="#{cc.attrs.styleClass}" value="#{cc.attrs.value}">
                    <f:convertDateTime pattern="#{cc.attrs.shortFormat ? 'dd/MM/yy' : 'dd/MM/yyyy'}" timeZone="#{timezone}"/>
                </h:outputText>
                <span>asdasdfasdf</span>
                <h:inputText disabled="true" rendered="#{cc.attrs.inputLabel}" style="#{cc.attrs.style}" styleClass="#{cc.attrs.styleClass}" value="#{cc.attrs.value}">
                    <f:convertDateTime pattern="#{cc.attrs.shortFormat ? 'dd/MM/yy' : 'dd/MM/yyyy'}" timeZone="#{timezone}"/>
                </h:inputText>
            </span>
        </composite:implementation>
    </h:body>
</html>

我打电话给它的页面与此类似:

<h:form id="form">
    <p:dataTable id="rowsTable" value="#{myBean.rows}" var="it" 
            selectionMode="single" selection="#{myBean.selectedRow}" rowKey="#{it.key}"
            rowStyleClass="#{myBean.isRed(it) ? 'red' : null}">
        <p:ajax event="rowSelect" update=":menuForm :detailForm :contextualMenu"/>
        <column>....</column>
        <column><mycc:datecc value="#{it.date}" inputLabel="true" /></column>
    </p:dataTable>
</h:form>

<h:form id="detailForm>
    <!-- this field is rendered twice once I select a row in the above table -->
    <mycc:datecc value="#{myBean.selectedRow.date}" inputLabel="true" />
</h:form>

我不幸地在我的bean @Named @ConversationScoped public class MyBean { ... }中对setSelectedRow方法做了一些工作但是我不认为这会导致问题。

1 个答案:

答案 0 :(得分:1)

我通过实现以下类解决了我的问题。

package com.company.faces.cc;

import javax.faces.component.FacesComponent;
import javax.faces.component.NamingContainer;
import javax.faces.component.UIInput;
import javax.faces.component.UINamingContainer;

@FacesComponent("inputDate")
public class Date extends UIInput implements NamingContainer {
    @Override
    public String getFamily() {
        return UINamingContainer.COMPONENT_FAMILY;
    }
}

虽然我不知道为什么这会解决问题,因为它不会给组件增加太多。