BasicSearchHelp
基础用法
多选
多选&翻页记忆功能
控制提交
插槽使用
搜索校验
必填校验 可通过
Schema的required属性来设置其他校验可在
request回调中实现
BasicSearchHelp API
BasicSearchHelp Attributes
| 名称 | 说明 | 类型 | 默认值 | 必填 |
|---|---|---|---|---|
| v-model:visible | 控制显示 | Boolean | — | 是 |
| request | 请求后端接口的回调 | Function | — | 是 |
| schema | 基本 Schema 项描述 | Object | — | 是 |
| condition-schema | 搜索表单项描述 | Object, Array | — | 否 |
| table-schema | 表格表单项描述 | Object, Array | — | 否 |
| condition-ui-schema | 搜索表单项 UI 相关描述 | Object | — | 否 |
| table-ui-schema | 表格项 UI 相关描述 | Object | — | 否 |
| before-submit | 提交之前的回调 | Function | — | 否 |
| selection-type | 选取数据的方式 | String | — | 否 |
| is-reserve | 多选模式下:是否保留 CheckBox 选中状态,需要配合 row-key 一起使用 | Boolean | — | 否 |
| row-key | 数据行唯一标识字段 | String | — | 否 |
| auto-search | 当打开 dialog 时是否自动搜索 | Boolean | true | 否 |
| append-to-body | Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true | Boolean | true | 否 |
| show-confirm | 是否显示选取确认按钮 | Boolean | true | 否 |
| dialog-width | dialog 的宽度 | String | '80%' | 否 |
| dialog-title | dialog 的标题 | String | '选择数据' | 否 |
| show-page | 是否显示分页器 | Boolean | true | 否 |
| selection-config | 勾选组件的选项,依赖 vxe-table 的 checkbox-config | Object | — | 否 |
BasicSearchHelp Events
| 名称 | 说明 | 类型 |
|---|---|---|
| search-success | 搜索成功之后的回调 | Function |
| opened | Dialog 打开时回调 | Function |
| submit | 数据确认选取时的回调 | Function |
BasicSearchHelp Exposes
| 方法名 | 说明 | 类型 |
|---|
BasicSearchHelp Slots
| 插槽名 | 说明 |
|---|---|
| condition.[字段名] | 对应搜索表单项自定义插槽 |
| table.[字段名] | 对应表格项自定义插槽 |
| controlButtons | 对应搜索表单按钮内容 |
Setaria Business Framework