Skip to content

QueryFilter - 筛选表单

QueryFilter 是 Form 的一个变体,表现与 Form 相同。有些时候表单要与别的组件组合使用,就需要一些特殊形态的表单。QueryFilter 解决了配合组件使用的问题。

Table 中默认支持了 QueryFilter 作为筛选表单。

API

QueryFilter 除了继承 Form 的 API 以外还支持下面的属性。

QueryFilter Props

属性说明类型可选值默认值
layout布局string'horizontal' / 'vertical''horizontal'
labelWidthlabel 宽度'auto' / number-80
collapse开启折叠模式boolean-false
defaultCollapsed默认状态下是否折叠超出的表单项boolean-true
defaultRowsNumber折叠状态下默认显示的表单控件行数,表单项不足时将隐藏展开按钮number-1
compact开启紧凑模式boolean-false
breakPoints断点BreakPointsConfig--
loading提交按钮的加载状态boolean-false
submitter提交/重置按钮所在 propsSubmitterProps--

QueryFilter Emits

事件说明回调参数
onFormRef提交时触发Function(e: Event | { __MARK__: 'submit' })
onResize提交并且校验通过的回调Function(values)
onReset提交并且校验通过的回调Function(values)
onCollapse提交并且校验通过的回调Function(values)