个人中心
gpt4 book ai didi

primefaces - 从 p :dataTable 创建复合组件时出现“组件不支持事件”错误

转载 作者：行者123 更新时间：2023-12-03 18:54:20 24 4
gpt4 key购买 nike

从 primefaces 数据表创建复合组件时出现以下错误。我做错了什么!？

Exception 

    javax.faces.view.facelets.TagException: /view/restrito/basico/municipio.xhtml @77,165 <p:ajax> Composite component does not support event rowSelect

tabela-padrao.xhtml

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

<!-- INTERFACE -->
<cc:interface>
    <cc:attribute name="uniqueId" required="true" />
    <cc:attribute name="value" required="true" />
    <cc:attribute name="var" required="true" />
    <cc:attribute name="selection" required="true" />
    <cc:attribute name="exportedFileName" required="true" />
    <cc:attribute name="renderedTable" default="true"/>
    <cc:attribute name="primaryKey" required="true"/>

</cc:interface>

<!-- IMPLEMENTATION -->
<cc:implementation>
    <p:dataTable value="#{cc.attrs.value}" 
                 id="#{cc.attrs.uniqueId}"
                 scrollable="true"
                 scrollWidth="100%"
                 var="#{cc.attrs.var}"
                 rendered="#{cc.attrs.renderedTable}"
                 selection="#{cc.attrs.selection}"
                 rowKey="#{cc.attrs.primaryKey}"                                             
                 selectionMode="single"
                 paginator="true"
                 rowsPerPageTemplate="15,30,45"
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown} {Exporters}"
                 emptyMessage="#{bundle.tabela_nenhum_registro_encontrado}">
        <cc:insertChildren/>
        <f:facet name="{Exporters}">
            <h:commandLink style="padding: 5px 5px 5px 5px ;" title="Converter para Excel" >                                            
                <h:outputText  styleClass="fa fa-file-excel-o Fs20"/>
                <p:dataExporter type="xls" target="#{cc.attrs.uniqueId}" fileName="#{cc.attrs.exportedFileName}" />
            </h:commandLink>
            <h:commandLink style="padding: 5px 5px 5px 5px ;" title="Converter para PDF" >
                <h:outputText  styleClass="fa fa-file-pdf-o Fs20"/>
                <p:dataExporter type="pdf" target="#{cc.attrs.uniqueId}" fileName="#{cc.attrs.exportedFileName}"/>
            </h:commandLink>
        </f:facet>
    </p:dataTable> 
</cc:implementation>

使用复合组件/使用组件

<h:form id="tabela-municipio">
                    <ezcomp:tabela-padrao value="#{municipioMB.listaMunicipios}"
                                          uniqueId="id-tabela-municipio"
                                          var="mun" 
                                          primaryKey="#{mun.id}"
                                          selection="#{municipioMB.municipio}"
                                          exportedFileName="municipios">
                        <p:ajax event="rowSelect" listener="#{municipioMB.onRowSelect}" update="@(form[id*='frm-municipio']),@(form[id*='tabela-municipio'])" />
                        <p:ajax event="rowUnselect" listener="#{municipioMB.onRowUnselect}" update="@(form[id*='frm-municipio']),@(form[id*='tabela-municipio'])" />
                        <p:column headerText="Pais" width="300" filterBy="#{mun.estado.pais.nome}" filterMatchMode="contains">
                            <h:outputText value="#{mun.estado.pais.nome}"/>
                        </p:column>
                        <p:column headerText="Estado" width="300" filterBy="#{mun.estado.sigla} - #{mun.estado.nome}" filterMatchMode="contains">
                            <h:outputText value="#{mun.estado.sigla} - #{mun.estado.nome}"/>
                        </p:column>
                        <p:column headerText="Município" filterBy="#{mun.nome}" filterMatchMode="contains">
                            <h:outputText value="#{mun.nome}"/>
                        </p:column>
                    </ezcomp:tabela-padrao>
                </h:form>

最佳答案

您必须在复合组件中创建和注册自定义事件，并将相应的操作传递给数据表。由于 rowSelect 和 rowUnselect 事件是在数据表而不是复合组件上注册的。使用 clientBehavior 为复合组件注册事件。

<cc:interface>
    ...
    <cc:clientBehavior name="customRowSelectEvent" targets="idOfDataTable" event="rowSelect" />
    <cc:clientBehavior name="customRowUnselectEvent" targets="idOfDataTable" event="rowUnselect" />
</cc:interface>
  1. 名称是自定义事件的名称。
  2. targets 是您要为其实际注册操作的组件的 ID。在你的数据表的情况下。
  3. event 是您要为数据表注册的实际事件。

现在为复合组件注册事件。 

<ezcomp:tabela-padrao ....>
    <f:ajax event="customRowSelectEvent" listener="#{municipioMB.onRowSelect}" update="@(form[id*='frm-municipio']),@(form[id*='tabela-municipio'])" />
    <f:ajax event="customRowUnselectEvent" listener="#{municipioMB.onRowUnselect}" update="@(form[id*='frm-municipio']),@(form[id*='tabela-municipio'])" />
      .....                  
</ezcomp:tabela-padrao>

关于primefaces - 从 p :dataTable 创建复合组件时出现“组件不支持事件”错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43357559/

24 4 0
文章推荐： SharePoint PowerShell 网站权限
文章推荐： delphi - 如何创建无模式对话框并在用户单击确定时将其关闭？
文章推荐： iphone - SQLite-时间戳
文章推荐： vb.net - 无法加载文件或程序集 System.Data.SQLite - Windows 应用程序
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com