bootstrap-table的一些配置参数例子

转载 2016年03月25日 17:41:33

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带参到后台去的代码

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





转自:http://www.cnblogs.com/kingdudu/p/4884872.html

http://www.tuicool.com/articles/aAB7fei

BootStrapTable参数方法

表格参数 名称 标签 类型 默认 描述 - data-toggle String 'table' 不用写 JavaScript 直接启用表格。 class...
  • Daniel_LiXuan
  • Daniel_LiXuan
  • 2016年11月17日 11:19
  • 15950

BootStrap table 数据填充与分页应用总结

BootStrap table 是一个轻量级的table插件,使用AJAX获取JSON格式的数据,其分页和数据填充很方便,支持国际化。最近后台使用此插件做了一个表格应用,做个总结。 1.使用方法 可...
  • song19890528
  • song19890528
  • 2015年12月14日 20:09
  • 105799

Bootstrap Table的使用小结

折腾了一个国庆节,总算是学会了一些东西,对于前端有了更加深刻的认识吧 Jquery中的一些东西学习一下子,补充完善一下,毕竟有些时候没有使用到 这个方式很有用,在使用bootstrap table的时...
  • u012881904
  • u012881904
  • 2016年10月07日 22:43
  • 27301

easyui datagrid queryParams

转自:http://www.cnblogs.com/zgqys1980/archive/2011/01/04/1925775.html 加载相关js和css,因为easyui依赖jquery...
  • xiaomibuqiang91
  • xiaomibuqiang91
  • 2016年09月20日 17:35
  • 3071

bootstrap-table插件数据加载方式

jquery ajax bootstrap-table赋值
  • jl381169437
  • jl381169437
  • 2015年12月08日 14:16
  • 20933

bootstrap table 插件

bootstrap table插件 酒店所有房间
  • u010394201
  • u010394201
  • 2015年11月26日 10:16
  • 1254

Bootstrap Table 中文文档(完整翻译版)

表格参数: 名称 标签 类型 默认 描述 - data-toggle String ‘table’ 不用写 Ja...
  • xuejm0218
  • xuejm0218
  • 2018年01月20日 20:56
  • 11

bootstrap框架学习

一、表格  $(function(){  /*$.ajaxSetup({    async: false      });*/  //1.初始化Table  var oTabl...
  • u011498933
  • u011498933
  • 2016年08月10日 14:05
  • 663

Bootstrap table 服务器端分页示例

Bootstrap table 服务器端分页示例
  • u013425609
  • u013425609
  • 2016年05月17日 14:17
  • 29482

Bootstrap-Table实现从服务器加载数据进行显示

Bootstrap-Table是一个Boostrap的表格插件,能够将JSON数据直接显示在表格中。当然,这需要配置一些参数并进行初始化表格才行。其官方网站地址为:http://bootstrap-t...
  • lzx_longyou
  • lzx_longyou
  • 2016年01月22日 22:11
  • 83810
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:bootstrap-table的一些配置参数例子
举报原因:
原因补充:

(最多只允许输入30个字)