资讯专栏INFORMATION COLUMN

Layui.table组件分页问题

jsyzchen / 880人阅读

摘要:熟悉这个框架的小伙伴应该知道原始的分页是这样的,代表分页,代表每页显示的条数。然而后端要求格式是看了下官网文档,社区以及搜索了下并没有找到相关资料。经过一番的搜索,终于找到了答案。

这段时间用了Layui,用table组件的时候遇到了一个问题,在这边分享记录下。

熟悉这个框架的小伙伴应该知道原始的分页是?page=1&limit=10这样的,page代表分页,limit代表每页显示的条数。
然而!!后端要求格式是?offset=0&limit=10,看了下官网文档,社区以及搜索了下并没有找到相关资料。
没办法,只能默默搜源码去了。
经过一番的搜索,终于找到了答案。
首先前面的把pagename改下就好,

table.render({
    elem: "#table"
    ,url:url
    ,request: {
        pageName: "offset"
    }
    ,cols: []
    ,page: true
});

后面的需要打开【table.js】并找到这个改成r[l.pageName] = e(此处自定义哈哈,我还拿出笔计算了,有种学数学的感觉,因为我是0/10/20的,所以此处为e*10-10),如下图:

好了,请求下试试看。

OK,没毛病,大功告成!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/104950.html

相关文章

  • layui数据表格使用(一:基础篇,数据展示、分页组件、表格内嵌表单和图片)

    摘要:表格展示神器之一表格前言在写后台管理系统中使用最多的就是表格数据展示了,使用表格组件能提高大量的开发效率,目前主流的数据表格组件有等博主个人比较倾向于,极简,却又不失饱满的内在,体积轻盈,组件丰盈。 表格展示神器之一:layui表格 前言:在写后台管理系统中使用最多的就是表格数据展示了,使用表格组件能提高大量的开发效率,目前主流的数据表格组件有bootstrap table、layui ...

    番茄西红柿 评论0 收藏0
  • layui实现动态和静态数据表分页

    开发管理后台是每一个开发人员都要熟悉的一个环节,作为后端程序员,公司的所有机密数据都掌握在我们手上,所以这个时候,如果不是公司的核心成员,是不能接触到某些数据的,这个时候所有的工作都落到了我们的手上,从PS到Linux都需要我们亲历亲为,还好发现了layui这个前端框架,很大程度上减轻了我们的压力. 今天我们先来学习一下layui实现动态数据表,静态数据表,以及表格的分页,其中还涉及到动态刷新数据...

    caige 评论0 收藏0
  • layui实现动态和静态数据表分页

    开发管理后台是每一个开发人员都要熟悉的一个环节,作为后端程序员,公司的所有机密数据都掌握在我们手上,所以这个时候,如果不是公司的核心成员,是不能接触到某些数据的,这个时候所有的工作都落到了我们的手上,从PS到Linux都需要我们亲历亲为,还好发现了layui这个前端框架,很大程度上减轻了我们的压力. 今天我们先来学习一下layui实现动态数据表,静态数据表,以及表格的分页,其中还涉及到动态刷新数据...

    Songlcy 评论0 收藏0
  • Geoserver+Openlayers拉框查询

    摘要:注意的版本号,高版本存在中新语法不兼容的情况查询类型点击多边形拉框图层名称,可以是单个或多个重点,不要改变回调函数声明加载函数传参解决跨域的关键回调回调函数使用载入要素用于删除之前的框,表示号,随便取一个删除之前的部分<!DOCTYPEhtml> <html> <head> <metahttp-equiv="Content-Type&...

    番茄西红柿 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<