bootstrapTable的参数设置

自己Mark一下！参阅原文请点击链接 http://blog.csdn.net/paincupid/article/details/50982858

bootstrap-table的一些配置参数

1. $('#reportTable').bootstrapTable({  
2.   method: 'post',  
3.   url: '/qStock/AjaxPage',  
4.   dataType: "json",  
5.   striped: true,     //使表格带有条纹  
6.   pagination: true, //在表格底部显示分页工具栏  
7.   pageSize: 22,  
8.   pageNumber: 1,  
9.   pageList: [10, 20, 50, 100, 200, 500],  
10.   idField: "ProductId",  //标识哪个字段为id主键  
11.   showToggle: false,   //名片格式  
12.   cardView: false,//设置为True时显示名片（card）布局  
13.   showColumns: true, //显示隐藏列    
14.   showRefresh: true,  //显示刷新按钮  
15.   singleSelect: true,//复选框只能选择一条记录  
16.   search: false,//是否显示右上角的搜索框  
17.   clickToSelect: true,//点击行即可选中单选/复选框  
18.   sidePagination: "server",//表格分页的位置  
19.   queryParams: queryParams, //参数  
20.   queryParamsType: "limit", //参数格式,发送标准的RESTFul类型的参数请求  
21.   toolbar: "#toolbar", //设置工具栏的Id或者class  
22.   columns: column, //列  
23.   silent: true,  //刷新事件必须设置  
24.   formatLoadingMessage: function () {  
25.     return "请稍等，正在加载中...";  
26.   },  
27.   formatNoMatches: function () {  //没有匹配的结果  
28.     return '无符合条件的记录';  
29.   },  
30.   onLoadError: function (data) {  
31.     $('#reportTable').bootstrapTable('removeAll');  
32.   },  
33.   onClickRow: function (row) {  
34.     window.location.href = "/qStock/qProInfo/" + row.ProductId;  
35.   },  
36. });  

bootstrap-table带参到后台去的代码

1. function queryParams(params) {  //配置参数  
2.     var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的  
3.       pageSize: params.limit,   //页面大小  
4.       pageNumber: params.pageNumber,  //页码  
5.       minSize: $("#leftLabel").val(),  
6.       maxSize: $("#rightLabel").val(),  
7.       minPrice: $("#priceleftLabel").val(),  
8.       maxPrice: $("#pricerightLabel").val(),  
9.       Cut: Cut,  
10.       Color: Color,  
11.       Clarity: Clarity,  
12.       sort: params.sort,  //排序列名  
13.       sortOrder: params.order//排位命令（desc，asc）  
14.     };  
15.     return temp;  
16.   }