function tableint(){
   $("#tableFromData").bootstrapTable({
    url:BASE_URL+"/do/front/main_xp.do",//请求后台的URL(*)
    striped: true,//是否显示行间隔色
    cache: false,                       //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
    pagination: true,                   //是否显示分页(*)
    pageList:[10, 25, 50, 100],        //可供选择的每页的行数(*)
    sortable: false,                     //是否启用排序
    sortOrder: "asc",                   //排序方式
    queryParams: queryParams,//参数
    pageSize: 10,                       //每页的记录行数(*)
    pageNumber:1,                       //初始化加载第一页,默认第一页
    sidePagination:'server',
    showColumns: false,                  //是否显示列筛选
             showRefresh: false,                  //是否显示刷新按钮
             minimumCountColumns: 2,             //最少允许的列数
             clickToSelect: true,                //是否启用点击选中行
             search:false,
             singleSelect:false,     //单选
             columns: [
      {checkbox: true},   //a是随便起的个名字,后台传递过来的数据没有此字段
      {field:'prod_id',visible:false},
      {field:'product_name',title: '产品名称'},
      {field:'prod_code',title: '产品代码',visible:false},
       {field:'extend_property',title: '扩展属性',visible:false},
       {field:'default_price',title: '默认售价',visible:false},
                ],
             uniqueId: "prod_id"//,                     //每一行的唯一标识,一般为主键列
   });
  }
  
      //收索票
   function query(){
   totalpage=2;//总页数
   pageNo=1;//当前页数
   pageSize=15;//每一页显示的条数
   xh=1;//序号
   /* $("#tab").html(""); */
   //fpage();
   //$('#tableFromData').bootstrapTable('refresh',{queryParams:function(params){}});
   $('#tableFromData').bootstrapTable('removeAll');//查询之前,移除现有的数据
   $('#tableFromData').bootstrapTable('refresh',{pageNumber:1});
  }
  //设置传入参数
  var pageNumber;
        var pagesize;
  function queryParams(params) {
      params.supply_id=$("#gys").val();
      params.scenic_id=$("#jq").val();
      params.product_name=$("#guanjianzi").val();
   params.pageNo=(params.limit*1+params.offset*1)/params.limit;//当前的页号
   params.pageSize=params.limit;
   pageNumber=(params.limit*1+params.offset*1)/params.limit;
   pagesize=params.limit;
    return params;
  }

bootstraptable表格基本的更多相关文章

  1. 结合bootstrap fileinput插件和Bootstrap-table表格插件,实现文件上传、预览、提交的导入Excel数据操作流程

    1.bootstrap-fileinpu的简单介绍 在前面的随笔,我介绍了Bootstrap-table表格插件的具体项目应用过程,本篇随笔介绍另外一个Bootstrap FieInput插件的使用, ...

  2. bootstrap-table表格插件的使用案例

    近期刚刚结束一个项目,总结一下之前做的一个后台管理系统中用到的bootstrap-table表格插件,下面是我做的一个案例(展示主要代码部分): //请求服务数据时所传参数 function quer ...

  3. 在Bootstrap开发框架中使用bootstrapTable表格插件和jstree树形列表插件时候,对树列表条件和查询条件的处理

    在我Boostrap框架中,很多地方需要使用bootstrapTable表格插件和jstree树形列表插件来共同构建一个比较常见的查询界面,bootstrapTable表格插件主要用来实现数据的分页和 ...

  4. Bootstrap-table表格插件的使用方法

    前言 上次写了一个可拖动列表的插件,但除了这个特点没什么优点了,接下写的是我们常用的Bootstrap-table表格插件 正文 官网:https://bootstrap-table.com/ 有两个 ...

  5. ABP入门系列(14)——应用BootstrapTable表格插件

    ABP入门系列目录--学习Abp框架之实操演练 源码路径:Github-LearningMpaAbp 1. 引言 之前的文章ABP入门系列(7)--分页实现讲解了如何进行分页展示,但其分页展示仅适用于 ...

  6. 【Bootstrap】 bootstrap-table表格组件

    [Bootstrap-table] 顾名思义,这个组件专注于bootstrap风格的表格的设计,并且提供了很多表格的基础和进阶的功能,给我们开发前端的表格省下很多力气. 本文主要参考这位博主的系列文章 ...

  7. Bootstrap-table表格初始化表格数据

    一.项目说明 ①此项目是ASP.NET项目,开发语言是C# ②bootstrap-table使用需要下载对应的css和js插件 ③具体详情还需查看api文档 二.前端代码 <div class= ...

  8. bootstrap-table表格导出

    在bootstrap-table官网->拓展模块中有导出模块的详细介绍.网址:http://bootstrap-table.wenzhixin.net.cn/zh-cn/extensions/ ...

  9. bootstrap-table 表格加载中....处理

    $('#table').bootstrapTable({data:[]}); $('#table').bootstrapTable("showLoading"); ajax数据加载 ...

随机推荐

  1. C#中的引用传递、值传递

      先来说下C#中的数据类型.分值类型和引用类型两大类. 值类型:直接存储数据的值,保存在内存中 引用类型:存储对值的引用,实际上存储的就是一个内存的地址 C#预定义的简单类型,像int,float, ...

  2. Chapter 19_0 位操作库

    位操作库是Lua5.2版本里添加的库,所有函数放在bit32 table里.(bit32只能针对32位整数运算) 在Lua5.3版本里,bit32库被废弃掉.不过可以使用一个外部兼容库,但是最好直接用 ...

  3. 基于AFN的多张图片上传

    不废话,直接上代码 NSString *urlString = [NSString stringWithFormat:@"http://192.168.1.166:8080/Discipli ...

  4. sendUserActionEvent() mView== null after clicking on button

    this is not a problem related to your code, but related to S4 android version. Same question has bee ...

  5. 在IT界取得成功应该知道的10件事

    导读:人人似乎都同意IT行业是一个艰难领域,但怎样才能克服逆境,成为一名成功的IT专业人士呢?下文这些特质应该是关键.此文作者Jack Wallen,他在前段时间写过不少文章讨论IT职场,比如退出IT ...

  6. js时间戳格式化成日期格式

    原文:http://www.sufeinet.com/thread-1500-1-1.htmljs需要把时间戳转为为普通格式,一般的情况下可能用不到的,下面先来看第一种吧 function getLo ...

  7. 变更mysql数据库文件目录 Linux

    本次需要将mysql默认的数据库文件路径/var/lib/mysql 改为新挂载的目录/data/mysql上,需要做以下修改 1.停止mysql服务 service mysqld stop 2.复制 ...

  8. ZeroMQ中PUB-SUB模式测试

    因为公司有需求,对程序模块之间通信效率有较高的需求.之前公司用的通信组件是ActiveMQ,根据网上公布的测试结果显示其效率比较低, 后来考虑准备在新的项目中开始使用ZeroMQ.看了几天发现用起来比 ...

  9. SQLite安装

    SQLite 的一个重要的特性是零配置的,这意味着不需要复杂的安装或管理.本章将讲解 Windows.Linux 和 Mac OS X 上的安装设置. 一.在Windows上安装SQLite 访问SQ ...

  10. IDA Pro使用

    当我们的光标在某个函数处时,按回车键就可以跳到这个函数所在的位置: