基础用法
Attributes
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
searchApi | 查询接口 | String | - |
needInit | 需要初始化查询,相当于一进页面就点击查询的效果 | Boolean | true |
searchConfig | 查询的配置,具体说明查看下面的searchConfig说明 | Object | — |
pageSize | 页面表格一页的大小,也是通过这个字段来判断页面是否需要分页 | Number | — |
tableHandleList | 表格的一些操作列表,可以设置的有sort :排序,download :下载,数组顺序就是显示顺序。 | Array | — |
pageProps | 页面的一些的配置, 具体看下面的 pageProps说明 | Object | — |
searchProps | ct-search-box 的配置 | Object | — |
tableProps | ct-table 的配置 | Object | — |
loadProps | ct-loading 的配置 | Object | — |
paginationProps | ct-pagination 的配置 | Object | — |
cbs | 一些回调处理函数,具体查看下面的cbs的说明 | Object | — |
TIP
sort
要显示还得表头数据里有sortable
的数据
pageProps说明
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
pageErrorText | 页面请求报错的说明 | String | - |
searchConfig说明
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
method | 查询的方式 | String | 'post' |
downlaodMethod | 下载的方式 | String | 'handlerDownload' |
cbs说明
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
doSearch | 自定义查询方法, 有这个方法会覆盖掉默认的查询方式 | Function | - |
beforeSearch | 默认查询前的回调函数,可用来处理请求参数。若返回 false 或者返回被 reject 的 Promise,则阻止切换。 | Function(dataP:请求参数) | - |
afterSearch | 默认查询到数据的回调函数,可用来处理请求到的参数,这是需要return 处理好的数据 | Function(data:请求到的数据) | - |
doDownload | 处理下载的回调函数,存在就不会执行默认的下载 | Function(dataP:请求参数) | - |
插槽
插槽名 | 说明 |
---|---|
_search-xxx | 以这个开头的会传到ct-search-box 的插槽里,对应的是xxx的插槽 |
_table-xxx | 以这个开头的会传到ct-table 的插槽里,对应的是xxx的插槽 |
header | 页面整个头部插槽 |
header-before | 页面头部的前面(ct-search-box 前)的插槽 |
header-after | 页面头部的后面(ct-search-box 后)的插槽 |
content | 页面整个内容区域的插槽 |
content-before | 内容区域的前面的插槽 |
table-top | 表格上面区域(总数,表格操作)的插槽 |
table-title | 表格上面区域Title的插槽 |
table-desc | 表格上面区域总数后面区域的插槽 |
table-handle | 表格title的右侧操作整体的插槽 |
table-handle-before | 表格title的右侧操作前面的插槽 |
table-handle-after | 表格title的右侧操作前面的插槽 |
Exposes
属性名 | 说明 | 类型 |
---|---|---|
searchRef | ct-search-box 的ref对象 | RefImpl |
tableTitleRef | table-title 的ref对象 | RefImpl |
tableRef | ct-table 的ref对象 | RefImpl |
paginationRef | ct-pagination 的ref对象 | RefImpl |
doSearch | 查询事件,需要手段传查询条件 | Function(params:当前的查询参数) |
clickSearch | 相当于点击查询按钮的查询 | Function() |
getPageData | 获取页面数据的查询事件 | Function(download:是否下载) |
changePageNo | 改变页码事件 | Function(pageN0:设置的页码) |
changeSort | 改变排序事件 | Function(sortObj:排序对象) |