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. }