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

相关文章推荐

Apizza用法简介-Http请求模拟工具

摘要: Apizza 是国内领先的在线API saas 管理平台,支持在线的API调试,接口管理,快速生成文档,项目管理以及分享。 Apizza (http://apizza.cc?f=bl...

Lombok使用无效,个人情况解决方案

Lombok安装成功后重启JDE,如果还是无法使用注解,记得引入lombok.jar包。 当我引入jar包,使用lombok注解后,并没有自动生成set、get等方法,注解使用无效 检查安...

Bootstrap Table的官网例子

  • 2017年09月27日 18:11
  • 152KB
  • 下载

Bootstrap Table的例子(转载)

Bootstrap Table的例子(转载) 转载自:http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html#cla...
  • dahuzix
  • dahuzix
  • 2015年09月23日 19:59
  • 12187

Bootstrap Table分页例子

Bootstrap Table分页例子

bootstrap-table自己配置

bootstrap-table自己配置

MySQL性能优化之table_cache配置参数浅析

table_cache是一个非常重要的MySQL性能参数,它在5.1.3之后的版本中叫做table_open_cache。table_cache主要用于设置table高速缓存的数量。由于每个客户端连接...

Bootstrap Multiselect插件使用步骤以及常见参数配置介绍

Multiselect是基于jQuery插件的,它可以以下拉列表的形式为用户提供选择内容,能进行单选或者多选。它应用的主要步骤如下: 一,引入需要的相关js和css文件 既然是Bootstrap插件,...

nginx基本配置与参数说明 相应的例子

我的开发机配置

nginx rewrite 配置参数及例子

Location语法语法:location [=|~|~*|^~] /uri/ { … } location = / { # 只匹配 / 查询。 [ configuration A ] }...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:bootstrap-table的一些配置参数例子
举报原因:
原因补充:

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