复合组件在 ajax 调用后渲染两次

Question

我遇到了复合组件的奇怪情况。我在我的整个 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 中对 setSelectedRow 方法做了一些工作 @Named @ConversationScoped public class MyBean { ... } 但是我认为这不是导致问题的原因。

Answer 1

我通过实施以下 class.

解决了我的问题

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;
    }
}

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

复合组件在 ajax 调用后渲染两次

Composite component is rendered twice after ajax call

ajax

jsf

primefaces

composite-component

jsf-2.2