【问题标题】:primefaces auto complete on focus show suggestionsprimefaces 自动完成焦点显示建议
【发布时间】:2016-11-28 18:14:40
【问题描述】:

现在我有一种情况,就像我们在自动完成文本框获得焦点之前计算建议之前一样。因此,当客户端放置光标时,它必须显示建议,这样我们就可以避免客户端输入内容。

我试过minQueryLength="0",但没有成功。

这里是代码sn-p。

p:autoComplete value="#{x.selectedItems}"  multiple="true" dropdown="true" var="item"
   itemValue="#{item}" itemLabel="#{item.label}" forceSelection="true"                                             minQueryLength="0" completeMethod="#{x.completeMethod}" converter="converter"

【问题讨论】:

  • 你的问题是......
  • 你可以从onfocus="PF('widgetVarOfAutocomplete').search('')"开始,但它有一些副作用

标签: jsf jsf-2 primefaces


【解决方案1】:

我们使用:

onfocus="PF('widgetVarOfAutocomplete').search('')"

按照 Jaqen 的建议,然后在 backing bean 上进行处理以查找所有结果,而不仅仅是匹配的结果。

【讨论】:

    【解决方案2】:

    为了提高可用性,您可能需要选择输入字段的内容,所以:

    onfocus="PF('acVar').search('');PF('acVar').input.select()" 
    

    【讨论】:

      【解决方案3】:

      您可以使用自动完成的方法 show() ,不要忘记 stopPropagation 非常重要,因为在 body click 事件上有一个监听器,它隐藏了下拉列表:

      <p:autoComplete click="magic($event)></p:autoComplete>
      
      magic(e) {
          e.stopPropagation();
          this.autocomplete.show();
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2018-04-27
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-12-09
        • 2018-07-31
        相关资源
        最近更新 更多