bootstraptable表格基本
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表格基本的更多相关文章
- 结合bootstrap fileinput插件和Bootstrap-table表格插件,实现文件上传、预览、提交的导入Excel数据操作流程
1.bootstrap-fileinpu的简单介绍 在前面的随笔,我介绍了Bootstrap-table表格插件的具体项目应用过程,本篇随笔介绍另外一个Bootstrap FieInput插件的使用, ...
- bootstrap-table表格插件的使用案例
近期刚刚结束一个项目,总结一下之前做的一个后台管理系统中用到的bootstrap-table表格插件,下面是我做的一个案例(展示主要代码部分): //请求服务数据时所传参数 function quer ...
- 在Bootstrap开发框架中使用bootstrapTable表格插件和jstree树形列表插件时候,对树列表条件和查询条件的处理
在我Boostrap框架中,很多地方需要使用bootstrapTable表格插件和jstree树形列表插件来共同构建一个比较常见的查询界面,bootstrapTable表格插件主要用来实现数据的分页和 ...
- Bootstrap-table表格插件的使用方法
前言 上次写了一个可拖动列表的插件,但除了这个特点没什么优点了,接下写的是我们常用的Bootstrap-table表格插件 正文 官网:https://bootstrap-table.com/ 有两个 ...
- ABP入门系列(14)——应用BootstrapTable表格插件
ABP入门系列目录--学习Abp框架之实操演练 源码路径:Github-LearningMpaAbp 1. 引言 之前的文章ABP入门系列(7)--分页实现讲解了如何进行分页展示,但其分页展示仅适用于 ...
- 【Bootstrap】 bootstrap-table表格组件
[Bootstrap-table] 顾名思义,这个组件专注于bootstrap风格的表格的设计,并且提供了很多表格的基础和进阶的功能,给我们开发前端的表格省下很多力气. 本文主要参考这位博主的系列文章 ...
- Bootstrap-table表格初始化表格数据
一.项目说明 ①此项目是ASP.NET项目,开发语言是C# ②bootstrap-table使用需要下载对应的css和js插件 ③具体详情还需查看api文档 二.前端代码 <div class= ...
- bootstrap-table表格导出
在bootstrap-table官网->拓展模块中有导出模块的详细介绍.网址:http://bootstrap-table.wenzhixin.net.cn/zh-cn/extensions/ ...
- bootstrap-table 表格加载中....处理
$('#table').bootstrapTable({data:[]}); $('#table').bootstrapTable("showLoading"); ajax数据加载 ...
随机推荐
- 5、范围标签<fieldset></fieldset>
<fieldset style="border:0;border:1px solid red;"> <legend style="background- ...
- .Net中jQuery.ajax()调用asp.net后台方法 总结
利用JQuery的$.ajax()调用.Net后台方法有多种方式, 不多说了 直接上代码 前台代码 <script type="text/javascript"> $ ...
- Python调用(运行)外部程序
在Python中可以方便地使用os模块运行其他的脚本或者程序,这样就可以在脚本中直接使用其他脚本,或者程序提供的功能,而不必再次编写实现该功能的代码.为了更好地控制运行的进程,可以使用win32pro ...
- 关于ios原声嵌入web页面的问题
当在一个界面中既有原生又有web的时候,如果想让上下整体滑动的话,我们怎么确定web的高度呢,下面分享一下我的心得 首先在webView的代理方法中我们可以获取到加载完整个web页面的高度 - (vo ...
- jquery中的serialize
jquery中的serialize对serializeArray进行了封装,serializeArray源码中定义将disabled的过滤掉,所以提交后值为null 解决方式是:在提交的时候,讲dis ...
- CSS绑定
css绑定会对元素的CSS类进行操作.在某些情况下这将非常有用,例如:当数值是负的时将其高亮显示. (注:如果如果不想直接更改CSS类,而是只要改其中一个样式,则需要使用style绑定) 示例:使用静 ...
- HDU 5868 Different Circle Permutation(burnside 引理)
HDU 5868 Different Circle Permutation(burnside 引理) 题目链接http://acm.hdu.edu.cn/showproblem.php?pid=586 ...
- angularjs各版本下载
下载网址:https://code.angularjs.org/1.2.14/
- Java 笔试面试 基础篇 一
1. Java 基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法, 线程的语法,集合的语法,io 的语法,虚拟机方面的语法. 1.一个".java& ...
- 在hadoop 的任务中设置 map数量
试验了一下: 调整mapred-site.xml中mapred.min.split.size的值可以改变map的数量 首先设置了hdfs-site.xml中的dfs.block.size为20M,测试 ...