跳转到内容

虚拟化选择器(扩展)

使用el-select-v2组件,在下拉数据较多的情况下,避免渲染至 DOM 中时造成性能问题。基于下拉列表框下拉列表框(多选)编辑器进行扩展,编辑器样式代码名称为:VIRTUALIZED_LIST

示例效果

输入参数

名称说明类型默认值
value编辑器值[String, 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}

编辑器参数

名称说明类型默认值
forceselection是否禁止用户创建选择项。当参数为false时,可在输入框输入内容,使其显示在下拉选项中呈现,并且可选择booleantrue
blankitemname在单选模式下,用于在下拉展示数据顶部添加一条空白项数据,其文本内容为配置的该参数值stringundefined
alwaysload当值改变、下拉框出现时,是否重新加载代码表数据。设置为 true 时每次相关事件触发都会重新加载数据booleanfalse
type下拉框的样式类型,可取值为 'round'(圆角类型)或 'other'(其他类型)'round' | 'other''other'
overflowmode用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'auto' 时,下拉区域宽度会根据内容自动展开;当参数值为 'ellipsis' 时,下拉区域宽度将与输入框保持一致,若内容超出宽度则会显示省略号,鼠标悬浮在内容上时会出现提示信息'auto' | 'ellipsis''auto'
allitems下拉列表框是否启用全部项booleanfalse
itemstext下拉列表框全部项文本string'全部'
valuetype编辑器的值类型stringundefined
readonly设置编辑器是否为只读态booleanfalse
未来已来,立即拥抱应用融合的力量
Released under the MIT License.