bootstrap 分页之后的查询问题
function initTableGrid(){ //初始化Table $('#reportTable').bootstrapTable({ url: "../dmreportperformledgerhis/list", //请求后台的URL(*) data: JSON.stringify(getQueryParams()), dataType: "json", method: 'get', //请求方式(*) //toolbar: '#toolbar', //工具按钮用哪个容器 striped: true, //是否显示行间隔色 cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*) pagination: true, //是否显示分页(*) sortable: false, //是否启用排序 sortOrder: "asc", //排序方式 queryParams: getQueryParams(), //参数 queryParamsType: "page", //参数格式,发送标准的RESTFul类型的参数请求 sidePagination: "server", //分页方式:client客户端分页,server服务端分页(*) pageNumber: 1, //初始化加载第一页,默认第一页 pageSize: 20, //每页的记录行数(*)并控制分页 pageList: [20, 50, 100, 200], //可供选择的每页的行数(*) // search: true, //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大 strictSearch: true, showColumns: true, //是否显示所有的列 showRefresh: true, //是否显示刷新按钮 minimumCountColumns: 2, //最少允许的列数 clickToSelect: true, //是否启用点击选中行 height: tableHeight(), //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度 uniqueId: "ID", //每一行的唯一标识,一般为主键列 // showToggle: true, //是否显示详细视图和列表视图的切换按钮 // cardView: false, //是否显示详细视图 detailView: false , //是否显示父子表 formatNoMatches: function () { //没有匹配的结果 return '无符合条件的记录'; },
function getQueryParams(){ return { page :1, limit :20, statPeriod: $("#STAT_PERIOD").val() }; }
$("#searchButton").click(function(){ //reload(); getQueryParams(); // 显示之前,先把当前表格销毁 $('#reportTable').bootstrapTable('destroy'); //加载数据 initTableGrid(); });
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
刚刚解决了问题。不过也是非常谢谢你的回答 谢谢
以上是JS的代码,问题是我再getQueryParams这里定义了 page=1之后,我查询的时候传进来的page=1,但是我点第二页的时候 怎么样才能吧page=2传进来呢。 不知道怎么修改~大家帮帮忙