我有以下复合组件 ()
<!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:h="http://java.sun.com/jsf/html"
xmlns:composite="http://java.sun.com/jsf/composite"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:rich="http://richfaces.org/rich">
<!-- INTERFACE -->
<composite:interface>
<composite:attribute name="baseId" required="true" />
<composite:attribute name="size" required="true" />
<composite:attribute name="value" required="true" />
<composite:attribute name="align" required="false" default="" />
<composite:attribute name="label" required="false" default="" />
<composite:attribute name="labelStyle" required="false" default="" />
<composite:attribute name="disabled" required="false" default="false" />
<composite:attribute name="required" required="false" default="false" />
<composite:attribute name="inputStyle" required="false" default="" />
<composite:editableValueHolder name="inTxt" />
</composite:interface>
<!-- IMPLEMENTATION -->
<composite:implementation>
<h:panelGroup id="#{cc.attrs.baseId}Dec">
<table class="decTable" style="align:#{cc.attrs.align};" border="1">
<tr>
<td class="labelSize" style="vertical-align: middle;">
<h:outputLabel
id="#{cc.attrs.baseId}Lbl" for="#{cc.attrs.baseId}"
value="#{cc.attrs.label}" style="#{cc.attrs.labelStyle}" /></td>
<td width="#{cc.attrs.size}">
<h:inputText
id="inTxt" value="#{cc.attrs.value}"
disabled="#{cc.attrs.disabled}"
style="width: 99%; #{cc.attrs.inputStyle}"
required="#{cc.attrs.required}">
<!-- composite:insertChildren / -->
</h:inputText></td>
</tr>
<tr>
<td colspan="2"><h:panelGroup id="#{cc.attrs.baseId}Error">
<rich:message for="#{cc.attrs.baseid}">
<rich:tooltip id="#{cc.attrs.baseId}TT" styleClass="validError">
<rich:message id="#{cc.attrs.baseId}TTMsg"
for="#{cc.attrs.baseId}" showDetail="false" showSummary="true" />
</rich:tooltip>
</rich:message>
</h:panelGroup></td>
</tr>
</table>
</h:panelGroup>
</composite:implementation>
</html>
在下面的片段中，我想使用如下方式向该组件添加 事件：
<rich:panel style="width:560px;">
<f:facet name="header">
<h:outputText value="Combobox "></h:outputText>
</f:facet>
<v2:inputText2 size="300px" baseId="baseId_txt" id="txt" label="Text:"
value="#{testInput2.value}">
<a4j:ajax event="change" render="dbgText"/>
</v2:inputText2>
<h:outputText value="#{testInput2.value}" id="dbgText"/>
</rich:panel>
<aj4:commandButton id="cmdOK" value="Ok"
action="#{testInput2.cmdOk ()}" render="@form" />
当我调用测试页面时，出现以下错误：
testInput2.xhtml @23,48 <a4j:ajax> Error: enclosing composite component does not support event change
我该如何解决这个问题？
Ajax 事件应该触发 UI-Bean-Methode。
谢谢
罗纳德
您需要将其注册为复合界面中的客户端行为。
<cc:interface>
...
<cc:clientBehavior name="clientEvent" targets="inputId" event="valueChange" />
</cc:interface>
<cc:implementation>
...
<h:inputText id="inputId" ... />
</cc:implementation>
-
name：您在复合客户端中指定的自定义事件名称。可以与实际事件名称相同。可以是定制的。这一切都是免费的，由您选择。
-
targets：应附加实际客户端行为的目标组件的复合实现相对客户端 ID。
-
event：实际客户端行为应该监听的实际事件名称。请注意，默认事件EditableValueHolder组件是valueChange并不是change。您可以对于文本输入字段继续使用change如果你想。
通过上面的声明示例，您可以在模板客户端中使用它，如下所示：
<my:composite ...>
<f:ajax event="clientEvent" ... />
</my:composite>
之后，您将面临第二个但不相关的问题，该问题已在此处提出并回答： 无法通过 工作.
无关对于具体问题，该组合最好是一个标记文件。而且，HTML 表格标记不是 Web 2.0。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
