更新记录
v1.0.0(2020-07-20) 下载此版本
首次提交
平台兼容性
西谷开源-单选/多选插件
示例
示例程序为一个完整的日期时间级联多选演示项目。
属性列表
属性 | 类型 | 默认值 | 描述 |
---|---|---|---|
selectStyle | Object | 空对象 | 整个选择弹框样式 |
selectListStyle | Object | 空对象 | 选项列表区域样式 |
itemDataList | Array | 空数组 | 列表项数组 |
attachData | Object | 空对象 | 附加数据 |
show | Boolean | False | 初始显示状态 |
selected | Array | 空数组 | 默认选中项目value值列表 |
title | String | "请选择" | 标题文字 |
titleShow | Boolean | true | 标题是否显示 |
cancelLabel | String | "取 消" | 取消按钮文字 |
cancelShow | Boolean | true | 是否显示取消按钮 |
allLabel | String | "全 选" | 全选按钮文字 |
allShow | Boolean | false | 是否显示全选按钮 |
confirmLabel | String | "确 定" | 确定按钮文字 |
confirmShow | Boolean | true | 是否显示确定按钮 |
valueKey | String | "value" | 选项value值的字段key |
labelKey | String | "label" | 选项显示文字的字段key |
isMulti | Boolean | true | 是否多选 |
isMaskClose | Boolean | true | 点击蒙层是否关闭 |
事件
事件 | 类型 | 参数 | 描述 |
---|---|---|---|
@showChange | EventHandle | showFlag:Boolean 显示状态,attachData:Object 附加数据 | 选择弹框显示变化事件 |
@maskClose | EventHandle | allItems:Array 选项数据列表,attachData:Object 附加数据 | 点击蒙层关闭事件 |
@close | EventHandle | allItems:Array 选项数据列表,attachData:Object 附加数据 | 点击取消按钮关闭事件 |
@selectAll | EventHandle | allItems:Array 选项数据列表,attachData:Object 附加数据 | 全选事件 |
@itemChange | EventHandle | index:Number 当前项索引,item:Object 当前项数据,attachData:Object 附加数据 | 选项变化事件 |
@confirm | EventHandle | allItems:Array 选项数据列表,attachData:Object 附加数据 | 点击确定按钮关闭事件 |