Skip to content

FastObjectPicker

众所周知, DatePicker是选日期, 而FastObjectPicker—— 顾名思义——就是选一个对象。

属性

属性说明类型默认值
tableOption弹出的表格的tableOption配置实例, 详见TableOptionFastTableOption-
showField声明从表格中选择的数据要回显到FastObjectPicker控件上的字段名String-
valueCovert针对showField取值的值转换。比如,多选时, 会将showField的多个值用英文逗号分隔后返回,作为组件v-model值Function<(pickData, showField) => any>-
pickObject单选时, pick选择后回填到的目标object, 比如一般FastObjectPicker处在一个form中, 这个pickObject就是form的表单data, 此配置配合pickMap使用Object-
pickMap单选时, pick选择后回填到pickObject上时,指导字段对应关系: key为弹窗表格中数据的字段名, value为pickObject中的字段名, 此配置配合pickObject使用Object-
beforeOpen弹窗打开前执行, 返回reject不会打开弹窗Function<() => Promise>() => Promise.resolve()
multiple弹窗的表格是否支持多选Booleanfalse
placeholderplaceholder提示String请点选
disabled控件是否禁用Booleanfalse
clearable控件是否支持清空, 由于点击即触发弹窗, 因此除非不允许置空否则此值最好不要改成falseBooleantrue
title弹窗的显示标题String-
appendToBody弹窗是否appendToBodyBooleantrue
dialogWidth弹窗宽度String70%

事件

事件名说明类型
change值变更时Function<(val) => void>
blur失焦时Function<(event) => void>
clear点击clearable生成的清空按钮时Function<(event) => void>
click点击时(监听此值不会改变弹窗行为, 请通过beforeOpen控制)Function<(event) => void>
focus获得焦点时(获得焦点不会弹出)Function<(event) => void>

可以将它理解为增强版本的FastSelect, 只是FastSelect交互形式是下拉, 呈现数据有限,而FastObjectPicker交互形式是 弹一个表格窗口, 一个拥有完整筛选功能的FastTable