Jsf Primefaces复合组件未渲染_Jsf_Jsf 2_Primefaces_Composite Component

Jsf Primefaces复合组件未渲染

jsf jsf-2 primefaces

Jsf Primefaces复合组件未渲染,jsf,jsf-2,primefaces,composite-component,Jsf,Jsf 2,Primefaces,Composite Component,我试图在JSF中用PrimeFaces构建一个复合组件在src/main/webapp/resources/components中，我有一个名为editableLabel.xhtml的组件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:

我试图在JSF中用PrimeFaces构建一个复合组件

在src/main/webapp/resources/components中，我有一个名为editableLabel.xhtml的组件

<!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:h="http://java.sun.com/jsf/html"
  xmlns:p="http://primefaces.org/ui">

<h:head></h:head>
<h:body>
<composite:interface componentType="editableLabel">
    <composite:attribute name="value" required="true"/>
    <composite:attribute name="editMode" required="false" default="#{false}" type="java.lang.Boolean"/>
</composite:interface>
<composite:implementation>
    <h:panelGroup id="editableLabelComponent">

        <h:panelGroup rendered="#{cc.attrs.editMode}">
            <p:inputText value="#{cc.attrs.value}"/>

            <p:commandButton value="Update" actionListener="#{cc.update}"/>

            <p:commandButton value="Cancel" actionListener="#{cc.cancel}"/>
        </h:panelGroup>


        <p:outputLabel id="display" value="#{cc.attrs.value}" rendered="#{!cc.attrs.editMode}">
            <p:ajax event="click" listener="#{cc.toggleEditMode}" update="editableLabelComponent"/>
        </p:outputLabel>
    </h:panelGroup>
</composite:implementation>
</h:body>
</html>

然而，当我试图把它粘贴到另一个文件中时，就像这样

foo.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui" xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:comp="http://java.sun.com/jsf/composite/components"
>

测试

它无法渲染。它尝试从组件中删除渲染属性（以及editmode composite:attribute），我已经验证了它在正确的位置查找editableLabel.xhtml。testValue只是一个默认值为“test value”的字符串，并且是相应的getter和setter

为什么PrimeFaces会拒绝渲染此复合组件

编辑：我还尝试用JSF等价物替换复合组件中的primefaces组件，但没有成功。我试着删除ajax调用，看看是否有问题。事实并非如此

编辑2：这是我的脸组件的问题，但我不知道是什么。删除component type属性至少使它能够渲染。

所以我通过BalusC对

我需要在EditableLabel.java中实现NamingContainer和getFamily（）

import javax.el.ValueExpression;
import javax.faces.component.FacesComponent;
import javax.faces.component.UIComponentBase;
import javax.faces.context.FacesContext;
import java.io.Serializable;

/**
 * Created by labraham on 1/14/16.
 */
@FacesComponent(value = "editableLabel")
public class EditableLabel extends UIComponentBase implements Serializable {
  private static final long serialVersionUID = 108467781935083432L;
  private String oldValue = "";


  /**
   * Constructor
   */
  public EditableLabel() {
    super();
  }

  @Override
  public String getFamily() {
    return "foo.bar.components";
  }

  /**
   *
   */
  public void update() {
    toggleEditMode();
    FacesContext context = FacesContext.getCurrentInstance();
    this.oldValue = (String) getValueExpression("value").getValue(context.getELContext());
  }

  /**
   *
   */
  public void cancel() {
    toggleEditMode();
    FacesContext context = FacesContext.getCurrentInstance();
    ValueExpression valueExpression = getValueExpression("value");
    valueExpression.setValue(context.getELContext(), this.oldValue);
  }

  /**
   *
   */
  public void toggleEditMode() {
    FacesContext context = FacesContext.getCurrentInstance();
    Boolean editModeValue = (Boolean) getValueExpression("editMode").getValue(context.getELContext());
    ValueExpression editModeVe = getValueExpression("editMode");
    editModeVe.setValue(context.getELContext(), String.valueOf(!editModeValue));
  }
}

<h3>Test</h3>
<comp:editableLabel value="#{foobean.testValue}"/>