Jsf p：复合组件JS中的对话框错误：未捕获类型错误：无法读取属性'；显示'；未定义的_Jsf_Primefaces_Dialog_Typeerror_Composite Component

Jsf p：复合组件JS中的对话框错误：未捕获类型错误：无法读取属性'；显示'；未定义的

jsf primefaces

Jsf p：复合组件JS中的对话框错误：未捕获类型错误：无法读取属性'；显示'；未定义的,jsf,primefaces,dialog,typeerror,composite-component,Jsf,Primefaces,Dialog,Typeerror,Composite Component,我试图创建一个复合组件，用于JSF2.2页面。以下是合成图： <ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui" xmlns:cc="http://java.sun.com/jsf/composite">

我试图创建一个复合组件，用于JSF2.2页面。以下是合成图：

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui"
            xmlns:cc="http://java.sun.com/jsf/composite">

<cc:interface componentType="searchUser">
    <!-- Define component attributes here -->
    <cc:attribute name="update" type="java.lang.String"
                  shortDescription="the component to update"/>
    <cc:attribute name="widgetVar" type="java.lang.String"/>
</cc:interface>

<cc:implementation>
    <p:dialog header="Search for User"
              widgetVar="#{cc.widgetVar}"
              modal="true"
              id="searchDialog"
            >

        <p:panelGrid columns="2" id="searchPanel">
            <p:outputLabel value="First Name: "
                           for="firstname"
                    />
            <p:inputText id="firstname" value="#{SearchBean.firstname}"/>

            <p:outputLabel value="Last Name: "
                           for="lastname"
                    />
            <p:inputText id="lastname" value="#{SearchBean.lastname}"/>

            <p:commandButton value="search"/>

            <p:dataTable value="#{SearchBean.results}" var="user">
                <p:column headerText="First Name">
                    #{user.firstName}
                </p:column>
                <p:column headerText="Last Name">
                    #{user.lastName}
                </p:column>
                <p:column headerText="E-Mail">
                    #{user.email}
                </p:column>
            </p:dataTable>
        </p:panelGrid>
    </p:dialog>
</cc:implementation>

目标是创建一个搜索表单/对话框，我可以在多个位置使用它

我的问题是，单击时出现错误：

uncaughttypeerror:无法读取未定义的属性“show”

如果您对我缺少的内容有任何建议，我们将不胜感激。

这不是引用复合属性的正确方法

<p:dialog widgetVar="#{cc.widgetVar}">

导致JS错误的原因是实际的

widgetVar

值为空，并且返回了

PF（'sdgl'）

，然后盲目地尝试调用

show（）

函数。它基本上类似于Java中的

NullPointerException

另见：

与具体问题无关，此组合还有两个其他问题：

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
            xmlns:ui="http://java.sun.com/jsf/facelets"
            xmlns:p="http://primefaces.org/ui"
            xmlns:cc="http://java.sun.com/jsf/composite">

<cc:interface componentType="searchUser">
    <!-- Define component attributes here -->
    <cc:attribute name="update" type="java.lang.String"
                  shortDescription="the component to update"/>
    <cc:attribute name="widgetVar" type="java.lang.String"/>
</cc:interface>

<cc:implementation>
    <p:dialog header="Search for User"
              widgetVar="#{cc.widgetVar}"
              modal="true"
              id="searchDialog"
            >

        <p:panelGrid columns="2" id="searchPanel">
            <p:outputLabel value="First Name: "
                           for="firstname"
                    />
            <p:inputText id="firstname" value="#{SearchBean.firstname}"/>

            <p:outputLabel value="Last Name: "
                           for="lastname"
                    />
            <p:inputText id="lastname" value="#{SearchBean.lastname}"/>

            <p:commandButton value="search"/>

            <p:dataTable value="#{SearchBean.results}" var="user">
                <p:column headerText="First Name">
                    #{user.firstName}
                </p:column>
                <p:column headerText="Last Name">
                    #{user.lastName}
                </p:column>
                <p:column headerText="E-Mail">
                    #{user.email}
                </p:column>
            </p:dataTable>
        </p:panelGrid>
    </p:dialog>
</cc:implementation>

支持组件不返回所需的

UINamingContainer.component\u族的组件族

。您可以通过从

UINamingContainer

扩展而不是

UIInput

，或者通过重写

getFamily（）

方法返回

UINamingContainer.COMPONENT\u FAMILY

来修复它

这不是复合组件的正确用途。根本没有单一的模型值。也就是说，您没有与现有标准组件类似的

。而是使用include或tagfile。另请参见，重新编写组合，以便最终使用