0

我开发了一个复合组件如下...

<composite:implementation>   
        <div class="numericBox">
            <h:inputText id="txtInput"
                         size="#{cc.attrs.maxLength}"
                         converterMessage="#{cc.attrs.converterMessage}"
                         validatorMessage="#{cc.attrs.validatorMessage}"
                         required="#{cc.attrs.required}"
                         requiredMessage="#{cc.attrs.requiredMessage}"
                         minlength="#{cc.attrs.minLength}"
                         maxlength="#{cc.attrs.maxLength}"
                         value="#{cc.attrs.value}">
                <f:ajax event="blur" render="@this err"/>
                <f:ajax event="blur" render="#{cc.attrs.renderParent}" disabled="#{empty cc.attrs.renderParent}"/>
            </h:inputText>
        </div>
        <h:panelGroup id="err">
            <utils:fieldError_right id="errText" group="#{cc.clientId}-txtInput"/>
        </h:panelGroup>
    </div>
</composite:implementation>

我有一个如下所示的命令按钮..

<h:commandButton id="btnNext" styleClass="btnNext" action="#{someBean.next}"/>

现在我以以下方式使用组件...（仅显示裸骨表示）

 <util:numericInput label="Label" value="#{somebean.number}"
                           maxLength="2" optional="true" renderParent="-vehVal"

/>

    <h:panelGroup id="vehVal">
    <util:amountInput label="label2" value="#{someBean.nubmer2}"                    
                     rendered="#{someBean.number > 0}"
                     required="#{someBean.number > 0}" />
    </h:panelGroup>

所以基本上我想在用户在“numericInput”组件中输入某个值 > 0 时呈现“amountInput”组件。当我在第一个字段中输入一些值并单击浏览器中的某个位置时，它工作正常。但是，如果我在字段中输入一些值并直接单击下一步按钮，它会将我带到下一页，而无需验证（呈现）下一个字段。我所能理解的是，当我单击下一个按钮时，不会触发 onBlur 事件。为什么 ？？有什么解决办法吗？？

4

1 回答 1

0

可能是事件被触发了，但是表单也被提交了，所以下一个视图会被渲染，你会错过 ajax 事件的结果。

您可能必须使用比 更直接的事件blur，例如keyup。此外，如果someBean.number大于 0 并且someBean.number2为空，您可以有条件地禁用该按钮。

于 2012-05-30T17:08:59.373 回答