地址框选择
使用el-select组件封装,用于选择多项数据,支持 AC 实时搜索,输入关键词即可从服务器获取数据;通过模态窗口呈现自定义样式的选择界面,解决下拉选择展示、检索及样式的局限。支持编辑器类型包含:地址框(选择)、地址框(支持选择、AC)
示例效果
输入参数
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 编辑器值 | [String, Array, Object, Number] | - |
| controller | 编辑器控制器对象 | new RequiredProp(Object as PropType<C>) | - |
| data | 容器数据,通常为表单数据,表格行数据,面板数据 | new RequiredProp(Object as PropType<IData>) | - |
| disabled | 是否禁用 | { type: Boolean } | false |
| readonly | 是否只读 | { type: Boolean, default: false } | false |
| autoFocus | 是否自动聚焦 | { type: Boolean, default: false } | false |
| controlParams | 容器控件参数,一般是指表单部件控件参数、表格控件参数、面板控件参数 | { type: Object, required: false } | - |
事件
| 名称 | 说明 | 类型 |
|---|---|---|
| change | 值变更事件 | {_value:V, _name?:string, _ignore?:boolean} |
| blur | 失焦事件 | {_event?:IData} |
| focus | 聚焦事件 | {_event?:IData} |
| enter | 回车事件 | {_event?:IData} |
| infoTextChange | 信息文本变更事件 | {_text:string} |
编辑器参数
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| overflowmode | 用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'auto' 时,下拉区域宽度会根据内容自动展开;当参数值为 'ellipsis' 时,下拉区域宽度将与输入框保持一致,若内容超出宽度则会显示省略号,鼠标悬浮在内容上时会出现 tooltip 提示信息 | 'auto' | 'ellipsis' | 'auto' |
| valuetype | 编辑器的值类型 | string | undefined |
| objectidfield | 值类型为OBJECTS时的对象标识属性 | string | undefined |
| objectnamefield | 值类型为OBJECTS时的对象名称属性。也用于控制是否触发下拉区域数据的默认加载,配置时会触发默认加载,不配置时不会触发默认加载 | string | undefined |
| objectvaluefield | 值类型为OBJECTS时的对象值属性 | string | undefined |
| readonly | 设置编辑器是否为只读态 | boolean | false |
| ac | 设置编辑器是否启用AC自填模式 | boolean | false |
| actionpostion | 设置AC自填模式行为组位置,默认在下拉底部 | 'top' | 'bottom' | 'bottom' |