Question

我正在使用Primefaces 6.2。

我的问题是当我使用dropDown=true和scrollHeight的自动完成时。单击滚动条后窗口关闭。当我在鼠标上使用滚轮时，它工作正常。

<p:autoComplete id="agendaSelect" scrollHeight="100" completeMethod="#{agendaAutoCompleteView.completeAgenda}" dropdown="true" itemValue="#{agenda}" var="agenda" itemLabel="#{agenda.displayName}" forceSelection="true" value="#{agendaAutoCompleteView.agenda}" converter="agendaConverter" required="true" requiredMessage="Pole Agenda musi byt vyplnene.">                           
    <p:ajax event="itemSelect" update="bunkaSelect" listener="#{bunkaAutoCompleteView.bunkaListener}" />                          
</p:autoComplete>

Answer 1

作为临时修复，直到Bug修复后，您可以在页面的某处使用以下JS代码（例如，在onload上）。

$('body').on('mousedown', '.ui-autocomplete-panel', function(event) { event.stopImmediatePropagation();});

这可以防止当前导致不当行为（关闭小组）的事件被执行。它也适用于部分请求/响应，因为该事件将应用于同一类的未来DOM元素。

Answer 2

可以通过添加下面的类来解决此问题。

.ui-corner-all{
padding-left:1px !important;
padding-right:1px !important;

}

这是PF通用类，因此您可能需要检查其他对齐方式。

单击滚动条后，Primefaces自动完成关闭

2 个答案: