Question

我有一个复合组件，它是PrimeFaces autoComplete的专业化。

在某些页面中我需要使用itemSelect事件，所以我添加了

<cc:clientBehavior name="itemSelect" event="itemSelect"
                   targets="#{cc.attrs.id}" />

在组件界面中，但不会触发操作。

我错过了什么？

组件代码：

<?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:cc="http://java.sun.com/jsf/composite"
      xmlns:p="http://primefaces.org/ui" >    

    <!-- INTERFACE -->
    <cc:interface>
        <cc:attribute name="value" required="true" />
        <cc:attribute name="disabled" default="false" />
        <cc:attribute name="required" default="false" />
        <cc:attribute name="size" default="25" />
        <cc:clientBehavior name="itemSelect" event="itemSelect"
            targets="#{cc.attrs.id}" />
    </cc:interface>

    <!-- IMPLEMENTATION -->
    <cc:implementation>
        <p:autoComplete disabled="#{cc.attrs.disabled}"
            value="#{cc.attrs.value}"
            completeMethod="#{tecnicoBean.completarViajante}" var="t"
            itemLabel="#{t.nome}" itemValue="#{t}" minQueryLength="2"
            forceSelection="true" converter="entityConverter"
            size="#{cc.attrs.size}" queryDelay="700" label="Técnico:"
            onclick="this.select()" cache="true">
        </p:autoComplete>
    </cc:implementation>
</html>

组件用法：

<ezcomp:tecnicos value="#{sessionScope.tecnicoRdv}">
    <p:ajax event="itemSelect" process="@this" update=":mainPanel"
            listener="#{rdvBean.changeTecnico}" />
</ezcomp:tecnicos>

Answer 1

终于搞定了。

我必须将id="#{cc.attrs.id}"添加到 p：autoComplete 组件。

Answer 2

cc：clientBehavior targets - 本地ID列表。正确使用p：autoComplete的唯一ID的方法

<p:autoComplete id="someUniqueId" ... />

并将其链接到cc：clientBehavior

<cc:clientBehavior name="itemSelect" event="itemSelect"
            targets="someUniqueId" />

JSF 2复合组件+ clientBehavior

2 个答案: