穿梭框

介绍
两栏布局的多选组件,将元素从一栏即时移到另一栏。
API
Props
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
status | 状态 | 'default' |'disabled'| 'hide'|'readonly' | 'default' |
title | 标题 | string | '穿梭框' |
showLabel | 显示标题 | boolean | true |
value | 默认值 | {value:string,label:string}[] | '' |
labelWidth | 标签宽度 | string | - |
name | 数据字段 | string | ${组件编码}_${长度为8的随机字符串} |
fetchByApi | 通过API获取 | boolean | false |
data | 节点数据 | {value:string,label:string}[] | - |
api | 节点数据(API获取) | string | - |
showSearch | 显示搜索框 | boolean | false |
oneWay | 开启单向 | boolean | false |
simple | 开启简单模式 | boolean | false |
draggable | 开启拖拽模式 | boolean | false |
sourceTitle | 源列表标题 | string | - |
targetTitle | 目标列表标题 | string | - |
baseStyle | 自定义样式 | string | - |
customClass | 类名绑定 | string | - |
boxStyle | 盒模型 , margin,border,padding设置 | BoxStyle | - |
uniqueKey | 唯一标识 , 组件的唯一标识 | string | - |
fieldNames | 指定节点数据中的字段名 | {label:string,value:string,disabled:string} | {label:'label',value:'value',disabled:'disabled'} |
extra | 补充说明 | string | - |
tip | 气泡提醒 | string | - |
validate | 校验 | Validate | - |
loop | 循环, 循环渲染设置 | Loop | - |
Events
事件名 | 描述 | 参数 |
---|---|---|
onChange | 值发生改变时 | ctx params: {value: string[]} loop:LoopParams |
onSelect | 选中的值改变时 | ctx params: {selected: string[]} loop:LoopParams |
onSearch | 用户搜索时 | ctx params: {value: string} loop:LoopParams |