layui数据表格点击分页按钮监听事件的实例

找了很多关于表格分页点击事件请求，table.render并不支持监听点击事件，所以我就把表格。渲染和laypage.render结合在一起

（我也不想写分页的，但是后台讲数据多，要加分页，被逼无奈，想了一个方法)

先上图

代码。超文本标记语言

div table class=' layui-hide ' id=' test ' lay-filter=' demo '/table div id=' page '/div/div。射流研究…

//页面第一次请求默认一页10条函数数据列表(页码，NumBerPage){ $ .帖子(URl ' pipeli _ DJ/页面列表'，{ pageNum:page num//页码数numPerPage: numPerPage //每页条数},函数（数据){ let datalist=JSON.parse(数据)数据列表(数据列表)//数据传到桌子组件页面（数据列表)//数据传到分页组件})} datalist(1，10)函数页（数据){ lay page。渲染({ elem : ' page '，//注意，这里的页是身份证，不用加# 号count: data.totalCount，//数据总数，从服务端得到limit: data.numPerPage，//每页条数limit :[10，20，30，40，50]，layout: ['count '，' prev '，' page '，' next '，' limit '，' skip']，jump: function (obj，first) { //console.log(obj) //obj包含了当前分页的所有参数，比如：//控制台。日志。curr)；//得到当前页，以便向服务端请求对应页的数据//控制台。日志。极限)；//得到每页显示的条数//首次不执行if(！第一){//做某事numpage(obj.curr，obj.limit) //分页点击传参} } });}//从新写了一个请求函数numpage(pageNum，numPerPage) { $ .post(Url 'pipei_dj/pagelist '，{ pageNum: pageNum，numPerPage: numPerPage }，函数（数据){ let datalist=JSON.parse(数据)dataList(datalist) //传到桌子组件}) } //表格渲染函数数据列表(数据){ table.render({ elem: '#test '，cols: [ [{ title: '序号，键入： 'numbers' }，{ field: 'id '，title: 'id '，hide: true }，{ field: 'status '，title: '状态，hide: true }，{ field: '贾丹，标题： '单价($)' }，{ field: 'createtime '，title: '创建时间}，{ field: 'status '，title: '状态，toolbar: '#barstate' }，{ title: '操作，toolbar: '#barDemo' }]，data: data.dataList，//数据limit: data.numPerPage，//显示的条数//page: true，//开启分页});}以上这篇获得数据表格点击分页按钮监听事件的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。