Primefaces 自动完成 : How to set focus on autocomplete after clicking on commandlink

Question

场景:我使用了组件，并且在 autcomplete 之前我使用了一个带有搜索图像的命令链接。

我的目的是在单击命令链接后在自动完成中显示光标。

我的代码如下:

自动完成:

<p:autoComplete id="senderAutocomplete" widgetVar="senderInfo"
                                                    value="#{customerReviewLazyDataModel.customerReviewVO.senderVO}"
                                                    completeMethod="#{customerReviewLazyDataModel.searchOrganizations}"
                                                    var="senderVO"  
                                                    itemValue="#{senderVO}" converter="organizationConverterForCustomerReview"
                                                    size="60">

命令链接

<p:commandLink oncomplete="setFocus()" ajax="true">
                                                        <p:graphicImage value="/app-resources/themes/yob/images/search.png" style="margin-bottom: -4px;"></p:graphicImage>
                                                    </p:commandLink> 

js 函数

function setFocus(){
        document.getElementById("senderAutocomplete").focus();
}

这个问题有什么解决方案吗？

Answer 1

您用于获取焦点输入的 DOM 元素的 ID 是错误的。首先，您必须考虑表单的 id。另外一个 p:autoComplete 的输入的 id有后缀 _input .所以使用这个:

document.getElementById("formId:senderAutocomplete_input").focus();

您还应该设置 process="@this"在 commandButton ，因为您只是用它来聚焦 autoComplete .