首页 > 代码库 > bootstraptable表格基本
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表格基本