如何在PrimeFaces中的芯片中使用属性自动完成功能

时间:2018-09-28 08:43:33

标签: jsf primefaces

我在primefaces中有一个芯片标签,它具有自动完成属性,但是我不知道如何将其用作建议。 请参阅下面的代码

<p:chips id="chips" value="#{partner.listString}" autocomplete="how to use auto complete here">
    <p:ajax event="itemSelect" update="itemList"/>
    <p:ajax event="itemUnselect" update="itemList"/>
</p:chips>

这是我的期望。但是我不知道该怎么做? enter image description here

[链接展示柜] https://www.primefaces.org/showcase/ui/input/chips.xhtml

3 个答案:

答案 0 :(得分:2)

您可能正在寻找具有多个= true的自动填充组件:https://www.primefaces.org/showcase/ui/input/autoComplete.xhtml

答案 1 :(得分:1)

如果您使用的是JSF 2.2,则可以使用JSF Passthrough属性。

首先在XHTML文档的顶部声明名称空间pt。

['Chocolate is loved by all.', 'chocolate is made from cocoa.']

然后在您的筹码中将pt:添加到属性。

xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"

答案 2 :(得分:1)

您所指的autocomplete属性是javax.faces.component.html.HtmlInputText的属性。来自Mozilla Developer documentation

  

建议值的来源通常取决于浏览器;通常,值来自用户输入的过去值,但它们也可能来自预先配置的值。例如,浏览器可以让用户保存其姓名,地址,电话号码和电子邮件地址,以实现自动完成功能。也许浏览器可以保存加密的信用卡信息,以便按照身份验证过程自动完成。

但是我不认为它实际上是在Chips组件中使用的,但是@melloware使用传递属性为您提供了解决方法。

基本上,Chips是一个免费的单词选择器,您可以在其中将所有键入的单词表示为列表(在转换/验证之后)。而“自动完成”组件基于开发人员定义的预设列表。根据您要执行的操作,@ melloware和@tandraschko为您提供了正确的答案;)