最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
bootstrap table配置参数例子
时间：2017-01-06 编辑：简简单单 来源：一聚教程网
bootstrap-table的一些配置参数：
| 代码如下 | 复制代码 |
|
$('#reportTable').bootstrapTable({
method:'post',
url:'/qStock/AjaxPage',
dataType:"json",
striped:true, //使表格带有条纹
pagination:true,//在表格底部显示分页工具栏
pageSize: 22,
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",//表格分页的位置
queryParams: queryParams,//参数
queryParamsType:"limit",//参数格式,发送标准的RESTFul类型的参数请求
toolbar:"#toolbar",//设置工具栏的Id或者class
columns: column,//列
silent:true,//刷新事件必须设置
formatLoadingMessage:function() {
return"请稍等，正在加载中...";
},
formatNoMatches:function() {//没有匹配的结果
return'无符合条件的记录';
},
onLoadError:function(data) {
$('#reportTable').bootstrapTable('removeAll');
},
onClickRow:function(row) {
window.location.href ="/qStock/qProInfo/"+ row.ProductId;
},
});
| |
bootstrap-table带参到后台去的代码
| 代码如下 | 复制代码 |
|
functionqueryParams(params) {//配置参数
vartemp = {//这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
pageSize: params.limit,//页面大小
pageNumber: params.pageNumber,//页码
minSize: $("#leftLabel").val(),
maxSize: $("#rightLabel").val(),
minPrice: $("#priceleftLabel").val(),
maxPrice: $("#pricerightLabel").val(),
Cut: Cut,
Color: Color,
Clarity: Clarity,
sort: params.sort,//排序列名
sortOrder: params.order//排位命令（desc，asc）
};
returntemp;
}
| |
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31