autocomplete - Liferay AUI 自动完成限制选择

Question

在表单编译期间，我需要能够插入一个值，显示一个已使用值的列表(通常的列表框行为)。但我还需要能够输入一个新值，所以我选择了 aui:autocomplete(下面的代码)。

默认情况下，它允许选择由“delimChar”分隔符分隔的多个项目。有什么方法可以限制为 1 个单值选择(或新值)？

var catArray = new Array();
    <%for (String s : categoryList) {%>
        catArray.push('<%=s%>');
    <%} %>
    var autoCompleteCategory = new A.AutoComplete( 
    { 
        contentBox: '#<portlet:namespace />contactOptions',
        input:'#<portlet:namespace/>category',
        dataSource: catArray, 
        delimChar: ',', 
        typeAhead: true, 
    }).render();

Answer 1

制作comment作为提高可见性的答案:

您可以从以下代码中删除属性 delimchar: ',':

var catArray = new Array();
    <%for (String s : categoryList) {%>
        catArray.push('<%=s%>');
    <%} %>
    var autoCompleteCategory = new A.AutoComplete( 
    { 
        contentBox: '#<portlet:namespace />contactOptions',
        input:'#<portlet:namespace/>category',
        dataSource: catArray, 
        delimChar: ',', // **remove this attribute**
        typeAhead: true, 
    }).render();

我认为这应该可行。

尝试前请清除浏览器缓存 :)