Primefaces对话焦点

Question

是否有一种特殊的方法来包含p：focus on dialog window？

Answer 1

您可以通过调用该对话框的show（）方法将焦点设置到对话框中。

<p:dialog id="dialog" modal="true" widgetVar="ajaxDialog" width="0"
                  draggable="false" closable="false" resizable="false">
    <p:graphicImage value="./images/ajax-loader.gif" />
</p:dialog>

用

设置焦点

ajaxDialog.show();

Answer 2

使用标记p：focus。

，可以在显示对话框时自动设置焦点

示例：

 <p:dialog id="myDialog">
    <h:form id="myForm">
        <p:focus context="myForm"/>
           <p:inputText id="username" value="#{userBean.username}/>
    </h:form>
 </p:dialog>

当您打开对话框时，第一个可见的可编辑字段将获得焦点。

参考文献：

• PrimeFaces ShowCase - Focus