bootstrap datatable自带方法使用

bootstrap datatale发现 $(#xx).bootstrapTable('refresh'); 这个搜索刷新功能有问题,如果有两页数据,跳转大第二页,搜索第一页的数据,他就会从当前第二页向后搜索,反而第一页的数据搜索不到,所以想要搜索全部数据,每次点击搜索时都要把页码变成第一页再去访问后台搜索。在网上搜索了好久也没找到能修改bootstrap datatable自带方法使用

这个pageNumber页码的这个方法,然后就想着bootstrap datatale.js源码里面可能有自带的就从源码里面去查。

bootstrap datatable自带方法使用

我无意间从源码里面找到了这个

bootstrap datatable自带方法使用

这个方法给我使用的$(#xx).bootstrapTable('refresh');很相似,我就想是不是换个方法也可以这样使用,于是找到了这个方法

bootstrap datatable自带方法使用

$dataTable.bootstrapTable('nextPage') 一实验过完跳转到了下一页,可以用于是就以pageNumber这个页面属性为查找条件在js源码里面查找可以满足我需求的方法。

bootstrap datatable自带方法使用

找到了可以跳转到某个页面的方法 $dataTable.bootstrapTable('selectPage') 第一次试的时候报错了,写博客又试了一下没报错,反正就是不能正常使用,因为项目中有这样的写法

$dataTable.bootstrapTable('refresh', {url: '${base}/admin/fShop/list/ajaxData?t='+Math.random()});  

$(#xx).bootstrapTable('refresh');

只是比这个多了个参数 源码为

bootstrap datatable自带方法使用

源码也有参数可以传,所以这个跳转的方法最终为

$dataTable.bootstrapTable('selectPage',1);
搜索的问题最终解决

我也是第一次查看js源码解决问题,感觉经验很宝贵,以后就算不用bootstrap datatable用其他框架,也可以按照这样去解决问题,与大家分享一下经验