bootstrap-table的一些参数配置

bootstrap-table的一些配置参数

[html] view plain copy
$('#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带参到后台去的代码

[html] view plain copy
function queryParams(params) {  //配置参数  
    var temp = {   //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的  
      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)  
    };  
    return temp;  
  }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章