我的事件ajax keydown太慢了

Question

我有一个h:inputText的问题，我不知道如何解决它。

我正在使用JSF和RichFaces开发一个xhtml页面，其中包含日历、SelectOneMenu、InputExtArea和Input等字段。在我的表单末尾，有两个按钮“打印”和“保存”。

如果其中一个字段被修改（文本、日期等），我必须禁用打印按钮。在每个字段中，我都添加了ajax事件。

例如：

<rich:calendar datePattern="dd/MM/yyyy" timeZone="#{timeZone.timeZone}" value="#{myBean.date}">
    <f:ajax event="change" listener="#{myBean.verifyModification}" render="myForm"/>
</rich:calendar>

如果我的日期改变了，我调用存储在bean中的一个方法就可以了。

但是，我的inputText和inputTextArea有问题。

<h:inputText value="#{myBean.name}" maxlength="50">
    <a4j:ajax event="keydown" render="myForm" listener="#{myBean.verifyName}" />
</h:inputText>

如果我写得很快，例如我停留在字母a上，在我的字段中写aaaaaaaa。该字段将包含aaaaaaaa然后aaaa。是不是因为ajax事件太慢了？问题不是来自我的bean方法，因为我只测试一个值。

因此，我无法测试这个领域。我尝试过其他活动，如模糊、改变。如果我使用这些事件，我必须单击我的字段，然后我的按钮是刷新。

你能帮我一下吗？

非常感谢。

Answer 1

问题很可能是您渲染了完整的表单，而不仅仅是表单中需要更新的部分。然后，JSF将用您在第一个ajax请求中提交的值替换您的表单。尝试：

<h:inputText value="#{bean.name}">
    <f:ajax event="keydown" render="myButtonP" listener="#{bean.verifyName}" />
</h:inputText>

<h:panelGroup id="myButtonP">
    <h:commandButton id="printBtn" value="Print" action="#{bean.printMe}" 
        disabled="#{bean.canPrint}" />
    <h:commandButton id="saveBtn" value="Save" action="#{bean.save}" />
</h:panelGroup>

如果使用按钮上的“禁用”（disabled）而不是“渲染”（rendered），则甚至可以直接在“渲染”（render）属性中引用打印BTN。