欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

bootstrapTable 问题

程序员文章站 2022-06-30 18:59:55
bootstrapTable引用问题 $("#table").bootstrapTable({ // 对应table标签的id method: 'post', url: 'abc', dataType: "json", striped: true, //使表格带有条纹 pagination: tru ......

bootstrapTable引用问题

$("#table").bootstrapTable({ // 对应table标签的id
method: 'post',
url: 'abc',
dataType: "json",
striped: true, //使表格带有条纹
pagination: true, //在表格底部显示分页工具栏
pageSize: 10,
pageNumber: 1,
pageList: [10, 20, 50, 100, 200, 500],
// idField: "ProductId", //标识哪个字段为id主键
showToggle: false, //名片格式
cardView: false,//设置为True时显示名片(card)布局
// showColumns: true, //显示隐藏列
// showRefresh: true, //显示刷新按钮
singleSelect: true,//复选框只能选择一条记录
search: false,//是否显示右上角的搜索框
clickToSelect: true,//点击行即可选中单选/复选框
sidePagination: "server",//表格分页的位置
queryParamsType: "", //参数格式,发送标准的RESTFul类型的参数请求
paginationShowPageGo: true,
paginationPreText:"上一页",
paginationNextText:"下一页",
queryParams:queryParams, //参数
responseHandler: handler,
// toolbar: "#toolbar", //设置工具栏的Id或者class
//columns: column, //列
silent: true, //刷新事件必须设置
formatLoadingMessage: function () {
return "请稍等,正在加载中...";
},
formatNoMatches: function () { //没有匹配的结果
return '无符合条件的记录';
},
onLoadError: function (data) {
$('#reportTable').bootstrapTable('removeAll');
},
// onClickRow: function (row) {
// debugger;
// window.location.href = "/qStock/qProInfo/" + row.ProductId;
// console.log(window.location.href)
// }, //点击行事件

 });

function queryParams(params) {

  

temp = {//这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
pageSize: params.pageSize,
pageNo: params.pageNumber,
}
return temp;

}