Skip to content

穿梭框

image

介绍

两栏布局的多选组件,将元素从一栏即时移到另一栏。

API

Props

参数名描述类型默认值
status状态'default' |'disabled'| 'hide'|'readonly''default'
title标题string'穿梭框'
showLabel显示标题booleantrue
value默认值{value:string,label:string}[]''
labelWidth标签宽度string-
name数据字段string${组件编码}_${长度为8的随机字符串}
fetchByApi通过API获取booleanfalse
data节点数据{value:string,label:string}[]-
api节点数据(API获取)string-
showSearch显示搜索框booleanfalse
oneWay开启单向booleanfalse
simple开启简单模式booleanfalse
draggable开启拖拽模式booleanfalse
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