在一个字段中用逗号分隔多个输入，使用自动完成

Question

我的要求和这个jQuery插件完全一样

​

​

但唯一的问题是，我想要在合金-UI 2.5在Liferay 6.2。我可以使用以下脚本进行单一输入：

<aui:script>
    AUI().use('autocomplete-list','aui-base','aui-io-request','autocomplete-filters','autocomplete-highlighters',function (A) {
        A.io.request('<%= serveResourceTestURL %>',{
            dataType: 'json',
            method: 'GET',
            on: {
                success: function() {
                    new A.AutoCompleteList(
                    {
                        allowBrowserAutocomplete: 'false',
                        activateFirstItem: 'true',
                        inputNode: '#<portlet:namespace/>testNode',
                        resultTextLocator: 'name',
                        resultHighlighter:'phraseMatch',
                        resultFilters: ['startsWith'],
                        minQueryLength: 2,
                        maxResults: 10,
                        render: 'true',
                        source:this.get('responseData'),
                    });
                }
            }
        });
    });
</aui:script>

对于alloy-ui 1.7，我们过去为多个输入字段提供了两个属性，delimChar: ',', & typeAhead: true,。有什么等价物吗？

如果有人能够修改上面的脚本，在正确的方向上有多个输入或一些想法，这将是一个很大的帮助。

谢谢!

Answer 1

在合金2.X中，delimChar：'，‘是用queryDelimiter：'，’更改的，并且删除了以下属性：

1. typeAhead
2. 模式
3. schemaType

按以下方式使用它将有效：

AUI().use('autocomplete-list','aui-base','aui-io-request','autocomplete-filters','autocomplete-highlighters',function (A) {
    A.io.request('<%= serveResourceTestURL %>',{
        dataType: 'json',
        method: 'GET',
        on: {
            success: function() {
                new A.AutoCompleteList(
                {
                    allowBrowserAutocomplete: 'false',
                    activateFirstItem: 'true',
                    inputNode: '#<portlet:namespace/>to',
                    resultTextLocator: 'name',
                    resultHighlighter:'phraseMatch',
                    resultFilters: ['startsWith'],                          
                    minQueryLength: 2,                  
                    maxResults: 10, 
                    queryDelimiter : ',',               
                    render: 'true',
                    source:this.get('responseData')
                });
            }
        }
    });                  
});