穿梭框

双栏穿梭选择框，常用于将多个项目从一边移动到另一边。

概念说明

属性

组件通用属性请参见组件通用说明。

穿梭框

• 原始数据：支持动态绑定集合类型变量（List<T>）或输出参数为集合类型的逻辑。
• 目标数据：支持动态绑定集合类型变量（List<T>）或输出参数为集合类型的逻辑。
• 文本字段：集合的元素类型中，用于显示文本的属性名称，支持自定义变更。
• 值字段：集合的元素类型中，用于指定数据唯一值的字段，支持自定义变更。
• 显示头部：开启后会显示头部全选栏。默认开启。
• 左侧列表标题：左侧头部全选框右侧展示的文字。默认为“左列表”。
• 右侧列表标题：右侧头部全选框右侧展示的文字。默认为“右列表”。
• 显示尾部：开启后会显示穿梭框尾部。默认关闭。
• 过滤：是否开启过滤输入框和过滤功能。默认关闭。
• 占位符：过滤输入框无内容时的提示信息，支持自定义编辑，默认为请选择。在过滤属性开启后有效。
• 清除：过滤输入框是否开启清除按钮。默认开启。在过滤属性开启后有效。
• 大小写敏感：搜索是否大小写敏感。默认关闭。在过滤属性开启后有效。
• 只读：正常显示，但禁止选择或输入。
• 禁用：置灰显示，且禁止任何交互（焦点、点击、选择、输入等）。

事件

• 穿梭框组件事件。
  • 组件事件

    事件名	触发条件
    数据转移时	当输入框里输入数据时
    改变后	下拉项选择后

样式

样式说明请参见组件通用说明。

主题样式

• height：穿梭框高度，如 302px。
• width：穿梭框宽度名，如 280px。
• button-space：穿梭按钮间隔，如 8px。

地区选择内置逻辑

• forward：从左向右转移数据。
• reverse：从右向左转移数据。
• transfer：转移指定项的数据。