JSF 12c页面AJAX请求后光标位置重置问题咨询

这个光标跳回开头的问题我在ADF项目里也踩过坑，本质是af:ajax和autoSubmit的冲突导致输入组件被意外重新渲染了。给你两个靠谱的解决方案，按需选择：

方案一：优化AJAX配置（保留服务器端实时校验） #

修改你的AJAX事件配置，移除不必要的autoSubmit，调整事件类型和执行范围，确保只刷新提交按钮，不影响输入框：

<af:inputText label="First Name" id="fn_input">
    <f:ajax render="submit_btn" event="keyUp" execute="@this" />
    <f:validator validatorId="NameValidator"/>
</af:inputText>
<af:inputText label="Last Name" id="ln_input">
    <f:ajax render="submit_btn" event="keyUp" execute="@this" />
    <f:validator validatorId="NameValidator"/>
</af:inputText>
<af:button text="Submit" id="submit_btn" disabled="#{empty bindings.FirstName.inputValue or empty bindings.LastName.inputValue}"/>

关键修改点： #

• 移除autoSubmit="true"：这个属性会触发输入框的部分提交，和f:ajax的请求重复，导致输入组件被重新渲染，光标位置丢失。
• 改用keyUp事件：keyPress会在字符输入前触发，而keyUp是输入完成后触发，更贴合实时检测的场景，也不会干扰光标。
• 设置execute="@this"：只执行当前输入框的服务器端处理，避免不必要的组件交互，减少服务器压力。
• 保持render="submit_btn"：只刷新提交按钮，输入框完全不会被重新渲染，光标位置自然保留。

方案二：客户端JavaScript实时控制（无AJAX请求，响应更快） #

如果不需要每次输入都同步服务器端状态，用客户端脚本直接控制按钮禁用状态更高效，完全不会有光标问题：

<af:inputText label="First Name" id="fn_input" clientComponent="true">
    <af:clientListener method="updateSubmitBtn" type="keyUp"/>
    <f:validator validatorId="NameValidator"/>
</af:inputText>
<af:inputText label="Last Name" id="ln_input" clientComponent="true">
    <af:clientListener method="updateSubmitBtn" type="keyUp"/>
    <f:validator validatorId="NameValidator"/>
</af:inputText>
<af:button text="Submit" id="submit_btn" clientComponent="true" disabled="#{empty bindings.FirstName.inputValue or empty bindings.LastName.inputValue}"/>

<af:resource type="javascript">
    function updateSubmitBtn(event) {
        // 通过组件ID获取输入框和按钮的客户端对象
        var fnInput = AdfUIComponent.findComponentByAbsoluteId("#{richComponent.clientId('fn_input')}");
        var lnInput = AdfUIComponent.findComponentByAbsoluteId("#{richComponent.clientId('ln_input')}");
        var submitBtn = AdfUIComponent.findComponentByAbsoluteId("#{richComponent.clientId('submit_btn')}");
        
        // 校验输入内容是否非空
        var isFnValid = fnInput.getValue() && fnInput.getValue().trim() !== "";
        var isLnValid = lnInput.getValue() && lnInput.getValue().trim() !== "";
        
        // 更新按钮禁用状态
        submitBtn.setDisabled(!(isFnValid && isLnValid));
    }
    
    // 页面加载时初始化按钮状态
    AdfPage.PAGE.addComponentLoadListener(function() {
        updateSubmitBtn();
    });
</af:resource>

注意事项： #

• 必须设置clientComponent="true"：让ADF生成客户端可访问的组件对象。
• 客户端校验仅作为用户体验优化：服务器端的EL表达式校验必须保留，防止用户绕过客户端脚本提交无效数据。
• 使用#{richComponent.clientId('xxx')}：确保在组件嵌套层级复杂时能正确获取客户端ID，避免硬编码ID导致的问题。

两种方案都能解决光标重置的问题，方案一适合需要严格同步服务器端输入状态的场景，方案二更适合追求前端响应速度的场景。

内容的提问来源于stack exchange，提问作者CEH74