p:selectOneListbox滚动到预先选择的项目

Question

在PF8.0中，我有以下代码片段：

<p:selectOneListbox widgetVar="wgtListBox" filterMatchMode="contains" filter="true" value="#{serviceController.city.id}">
  <f:selectItems value="#{cityController.cities}" var="city" itemLabel="#{city.name}" itemValue="#{city.id}"/>
</p:selectOneListbox>

这份榜单大约有20个城市。

当用户第一次(通过键入和/或滚动)选择城市时，逻辑是有意义的。但是，当页面加载用户可能希望修改的预选项目时，我希望将该项目滚动到该项目。我怎样才能做到这一点呢？

Answer 1

给你的列表框一个这样的widgetVar。

<p:selectOneListbox widgetVar="wgtListBox" ..

然后在Chrome控制台中打开F12并输入...

PrimeFaces.scrollInView(PF('wgtListBox').listContainer,
                        PF('wgtListBox').jq.find('.ui-state-highlight'));

它使用Javascript滚动到焦点项目。