FuncTable 多功能表格

基础用法

API

组件简介

• 基于FormTable组件封装，支持FormTable的所有属性配置
• 约定大于配置，集成了与服务端的数据增删改查的交互逻辑

代码演示

基础用法

网络交互的约定如下

• 查询数据使用apiUrl，发起GET方法的Http请求，响应数据结构{totalCnt:10,data:[]}，totalCnt代表数据总数
• 新增数据使用insertUrl，发起POST方法的Http请求，如果响应的data不为空则不会发起新的查询请求，而直接使用响应数据填充表格
• 编辑数据使用editUrl，发起PUT方法的Http请求，如果响应的data不为空则会采用其更新表格数据
• 删除数据使用deleteUrl，发起DELETE方法的Http请求，如果响应成功则更新表格

有关action拦截配置

• FuncTable会拦截配置好的insertAction/editAction/deleteAction/exportAction用作判断发起新增/编辑/删除/导出动作的根据，故formatActions的子项配置中必须要带有对应的action才能触发到此功能

Api