javascript - 当我点击 Primefaces 上的重置按钮时，如何将焦点设置在 inputText 上

Question

场景是这样的:

我有一个带有输入文本的表单和一个用于重置表单的按钮。当我按下按钮时，必须重置表单并且焦点应指向输入文本。

我正在使用 primefaces 5.1。代码是这样的:

<f:form id=myForm>
<h:panelGroup id="divInput" layout="block">
    <p:focus context="divInput"/>
    <p:inputText id="myInput"/>
    <p:commandButton type="reset"/>
</h:panelGroup>
</f:form>

我首先尝试了这个 oncomplete 但没有运气:

<p:commandButton type="reset" oncomplete="myInput.focus()"/>

我第二次尝试使用此脚本时:

<script>
    //When DOM loaded we attach click event to button and set focus
    $(document).ready(function() {

        //attach click event to button
        $("#myForm [type='reset']").click(function(){
            $("#myForm [name='myInput']").focus();
        });


    });
</script>

Answer 1

只需添加 onclick 事件并正确调用“focus”方法即可解决:

<p:commandButton onclick="$('#myForm\\:myInput').focus();" type="reset"/>

RequestScoped bean 的有效解决方案。