首页 > 其他 > 详细

bootsrap分页插件

时间:2017-12-14 15:29:29      阅读:248      评论:0      收藏:0      [点我收藏+]

$(function(){
$("#example1-0002").bootstrapTable({
/*data:data.columns,*/
url:"/checkActivemqList.do",
queryParams: queryParams,
method:"post",
contentType:"application/x-www-form-urlencoded",
striped: true,
cache: false,
pagination: true,
sidePagination: "server",
pageNumber: 1,
pageSize: 10,
pageList: [10, 25, 50, 100],
showColumns: true,
showRefresh: true,
//total:data.total,
columns: [{
checkbox: true,
align:"center",
},{
field: ‘queueName‘,
title: ‘队列名称‘
}, {
field: ‘message‘,
title: ‘消息内容‘
}],
locale:‘zh-CN‘,
responseHandler:function(res){
return {
"total":res.data.totalCount,
"rows":res.data.recordList,
};
},
onLoadError: function () {
alert("数据加载失败!");
},
onDblClickRow: function (row, $element) {

}
})

})


function queryParams(params){
var param = {
pageNumber: params.offset/params.limit+1,
pageSize: params.limit
};
return param;
}

 

bootsrap分页插件

原文:http://www.cnblogs.com/dengjava/p/8037750.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!