• Geeker-Admin中ProTable表格分页之自定义接口页码、尺寸参数


    最近挖了个新玩意儿,Geeker-Admin,看起来感觉挺好。

    鼓捣了半天搞定了与服务端的API接口对接,但在表格分页的时候又遇到了问题,系统默认是pageNum/pageSize这两个参数名用来分页,而服务端是current/size,开始被注释误导,跑去修改组件,但又想起用到的接口来自多台不同的服务器,可能出现分页参数不同的情况。

    在折腾的过程中,发现示例文件中有对日期参数做出过处理,而且也是我惯用的做法:

    1. // 如果你想在请求之前对当前请求参数做一些操作,可以自定义如下函数:params 为当前所有的请求参数(包括分页),最后返回请求列表接口
    2. // 默认不做操作就直接在 ProTable 组件上绑定 :requestApi="getUserList"
    3. const getTableList = (params: any) => {
    4. let newParams = JSON.parse(JSON.stringify(params));
    5. newParams.createTime && (newParams.startTime = newParams.createTime[0]);
    6. newParams.createTime && (newParams.endTime = newParams.createTime[1]);
    7. delete newParams.createTime;
    8. return getUserList(newParams);
    9. };

    这种对日期组件返回数组值进行二次处理的方式,我也经常用,于是尝试在getTableList里添加自己的分页参数。

    1. // 如果你想在请求之前对当前请求参数做一些操作,可以自定义如下函数:params 为当前所有的请求参数(包括分页),最后返回请求列表接口
    2. // 默认不做操作就直接在 ProTable 组件上绑定 :requestApi="getUserList"
    3. const getTableList = (params: any) => {
    4. let newParams = JSON.parse(JSON.stringify(params));
    5. newParams.createTime && (newParams.startTime = newParams.createTime[0]);
    6. newParams.createTime && (newParams.endTime = newParams.createTime[1]);
    7. delete newParams.createTime;
    8. //增加我自己的分页参数current/size,然后再删除默认的pageSize/pageNum,问题完美解决。
    9. newParams.current = newParams.pageNum
    10. newParams.size = newParams.pageSize
    11. delete newParams.pageNum
    12. delete newParams.pageSize
    13. return getUserList(newParams);
    14. };

  • 相关阅读:
    场景图形管理 - (2)
    零基础上手unity VR开发【Oculus账号体系准备】
    趣味算法------开灯问题
    你了解机械键盘吗?Keychron Q1开箱与体验实录
    第八章 排序 一、排序的基本概念
    petalinux之LED应用编程
    H5移动端便捷兼容测试方式
    软件测试环境讲解
    华为云云服务器云耀L实例评测 | 从零到一:华为云云耀云服务器L实例上手体验
    Delphi 打包文件到APK安装包中
  • 原文地址:https://blog.csdn.net/heirui/article/details/134098891