Select下拉菜单组件

2024-08-28 23:52:33首发，6天前更新

ax-select组件可实现单选和多选，完美替代原生的select-single和select-multiple组件；支持模糊检索和自动完成。

简单使用

使用ax-select标签即可表示一个空的单选的下拉菜单选择器，通常需要一个下拉列表供选择，在属性content上写上以英文逗号分隔的选项即可。

列表节点

如果数据比较复杂，可将数据写在目标节点内部，除了以原生select控件获得列表数据，还可以通过datalist、ul/ol节点获取列表数据。

简单分组

原生select节点自带了分组节点optgroup，可直接使用以实现深度为2的简单分组。

Attributes属性

组件的属性与内置实例的参数是一致的，有三点需要注意：

1. 组件属性全部小写。
2. 属性值都是字符串格式。
3. 属性名如果是动宾结构，或者是由两个词组成的，那么中间使用短横分开，例如：模块参数contType（如果有），在组件属性写做cont-type；参数b4Init在属性中写做b4-init。

欲了解模块的参数详细，请点击这里。

Methods方法

除了组件通用的set、reset方法外，主要使用组件内置实例自身的方法，用法举例：elem.ins.update({})。

Events事件

由于本组件内置模块实例，所以组件的事件有两类：

1. 组件通用的set、reset、connected事件，用法举例：elem.on('connected',()=>{})。
2. 来自内置实例自身的事件，elem.ins指向内置实例，用法举例：elem.ins.on('initiated',()=>{})。