跳至主要內容

useTable 配置

Azil原创大约 3 分钟

警告

本 Hooks 是系统最重要的内容,主要封装高度复用的 表格增删改查 代码。

Hooks 的优点是可以有效的组织和封装代码,同时又不强限制使用形式。

说明

由于多选,过滤等操作需依赖表格组件提供的方法,所以目前仅支持 vxe-table

仅封装了大部分已知的表格通用型方法。

因为众所周知过度封装后使用时的学习成本、维护成本都是很高的。

参数

属性类型默认值说明
titlestring页面标题
getListfunction获取列表接口函数
addfunction新增接口函数
delfunction删除接口函数
getfunction获取单条详情接口函数
updatefunction更新接口函数
importDatafunction导入接口函数
exportstring导出地址
formRefstringformRef表单的 ref
tableRefstringtableRef表格的 ref
rowobject行数据配置
dataobject需要解构为响应式的数据
cellClickfunction正在进行中当表格存在多选框时,此方法可控制点击某行时清除别的行的选中状态
myGetListfunction正在进行中自定义请求列表函数,不调用内置函数
handleResetfunction正考虑是否废弃重置表单钩子,如果需要对表单设置动态值,可在这个回调内添加
handleAddfunction正考虑是否废弃新增钩子,如果需要对表单设置动态值,可在这个回调内添加
submitAfterfunction正考虑是否废弃提交数据前最后的处理方法,修改数据不会影响 form 原数据
callbackfunction回调方法

行数据配置

属性类型默认值说明
idstringid数据的 id 字段
statusstringstatus数据的 状态 字段,变更状态时用到
namestringname数据的 名称 字段,变更状态时用到
sortstringsort数据的 排序 字段,新增修改时用到

需要解构为响应式的数据

属性类型说明
formobject表单数据
appendFormobject提交表单时追加参数(异步参数时使用)
rulesobject表单校验数据
queryParamsobject查询参数
appendQueryParamsobject追加请求参数(异步参数时使用)

回调方法

callback

在许多异步请求前、后,某些场景需要一些特定的数据或者页面交互。所以衍生出此回调函数。

此函数包含许多种类型回调

示例方法:callback(type, response, formData)

  • type 回调类型
  • response response || 空 || queryParams
  • formData 表单数据

回调说明

说明response是否有formData
GetListBefore请求列表前执行queryParams
GetListAfter请求列表参数格式化完成,可在此回调内修改请求参数query
Cancel取消弹窗
OpenUpdate打开修改窗口response
Status状态修改response
Update修改提交完成
Add新增提交完成response
Delete删除完成response
ImportBefore导入前formData对象
Import导入完成response
Export导出完成response
List请求列表完成response
上次编辑于:
贡献者: Azil