单击Primefaces上的重置按钮时，如何将焦点设置在inputText上

Question

场景是这样的：

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

我正在使用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>

我首先尝试了这种不完整的方法，但是没有运气：

<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的有效解决方案。