Autocomplete自动补全模块

2024-07-11 23:41:03首发，2小时前更新

Autocomplete是基于Popup和Retrieval模块的自动补全模块，实现对input或textarea表单域录入数据时给与自动列表提示，点击项目节点可填入项目value，是搜索模块和组件的基础模块。

简单使用

对表单域节点使用参数content填入文本值即可。

输出
HTML

```
                
                
            
```

也可以通过id+new的方式创建实例。

输出
HTML
JS

```
                
                
            
```

                
                new ax.Autocomplete('#demo01',{
                            content:'United States,Canada,United Kingdom,China,Brazil,India,France,Germany',
                        });

自定义输入内容

模块默认输出的属性是value；因为Retrieval模块所使用的数据在数据标准化过程中，已经将没有value属性的项，强制使用label替代了value，所以本页的示例呈现出来的检索结果好像是输出label，其实输出的是value。

用户可通过field参数设定输出值的属性，比如field:'label'。

输出
HTML

```
                
                
            
```