Selectlist 选择列表 1.0.0
属性
multi { Boolean } #
是否是多选,默认为false,false代表单选,true代表多选
key { String } #
数据列表中,数据的唯一标记,如id
selectedClass { String } #
列表项被用户选中项的样式
defaultSelected { Array } #
组件初始化时默认选中的数据
template { String } #
组件默认模板,自定义时需要传
itemTpl { String } #
组件选项的模板,自定义时需要传
方法
render #
将组件渲染到document中
getValue #
获取选中的数据
返回值: Array 选中值的数组
setValue #
设置selectlist的当前值
方法参数:
参数名 | 类型 | 描述 | 必选 | 支持版本 |
---|---|---|---|---|
valueArr | Array | 设置组件选中的值 |
clear #
清空选中数据和选项
事件
selectitem #
用户选择某项数据时触发的事件
方法参数:
参数名 | 类型 | 描述 | 必选 | 支持版本 |
---|---|---|---|---|
data | Object | 当前选择项目的数据 | ||
itemEl | HTMLElement | 当前选择项目的节点 | ||
targetEl | HTMLElement | 用户点击的实际节点 |