var tableinit = function () {
var otableinit = new object();
var stationnr=null;
var stationnr2=null;
var arr=new array();
var arr1=new array();
//定义查询方法
array.prototype.indexof = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) return i;
}
return -1;
};
array.prototype.remove = function(val) {
var index = this.indexof(val);
if (index > -1) {
this.splice(index, 1);
}
};
//初始化table
otableinit.init = function () {
$('#tb_departments').bootstraptable({
url: 'tcdtaction', //请求后台的url(*)
method: 'get', //请求方式(*)
toolbar: '#toolbar', //工具按钮用哪个容器
striped: false, //是否显示行间隔色
cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
pagination: true, //是否显示分页(*)
sortable: true, //是否启用排序
sortorder: "asc", //排序方式
queryparams: otableinit.queryparams, //传递参数(*)
sidepagination: "server", //分页方式:client客户端分页,server服务端分页(*)
pagenumber: 1, //初始化加载第一页,默认第一页
pagesize: 10, //每页的记录行数(*)
pagelist: [10, 25, 50, 100], //可供选择的每页的行数(*)
search: false, //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
strictsearch: false,//设置为 true启用 全匹配搜索,否则为模糊搜索
// showexport表示是否显示导出的按钮,exportdatatype表示导出的模式是当前页、所有数据还是选中数据。
sortable:true,//设置为false 将禁止所有列的排序
searchonenterkey:true,//设置为 true时,按回车触发搜索方法,否则自动触发搜索方法
showcolumns: true, //是否显示所有的列
showrefresh: true, //是否显示刷新按钮
showexport: true,//是否显示导出
showpaginationswitch:true,//是否显示 数据条数选择框
minimumcountcolumns: 2, //最少允许的列数
clicktoselect: true, //是否启用点击选中行
height: 532, //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
uniqueid: "id", //每一行的唯一标识,一般为主键列
showtoggle: true, //是否显示详细视图和列表视图的切换按钮
cardview: false, //是否显示详细视图
detailview: true, //是否显示父子表
exporttypes: ['csv','txt','xml'],
exportdatatype: "basic",
columns: [{
align: "center",
checkbox: true
},
{
field: 'stationnr',
title: '站号',
align: "center",
sortable: true,
editable: true
}, {
field: 'deviceclass',
title: '通讯设备类型',
align: "center",
sortable: true,
editable: true
}, {
field: 'batteryelectricqty',
title: '电池电量',
align: "center",
sortable: true,
editable: true
},
{
field: 'simcardnr',
title: 'sim卡号',
align: "center",
sortable: true,
editable: true
},
{
field: 'welldbk',
title: '统一编号',
sortable: true,
align: "center",
editable: true
},
{
field: 'installdate',
title: '安装日期',
sortable: true,
align: "center",
editable: true
},
{
field: 'operate',
title: '操作',
sortable: true,
align: "center",
editable: true,
formatter:function(value,row,index){
var e = '<a onclick="edit(\''+ row.stationnr + '\')">查看详情</a> ';
return e;
}
},
],
oncheckall:function(rows){//全选中
var arr2=new array();
var arr3=new array();
arr2=$("#tb_departments").bootstraptable('getselections');
for (var i = 0; i < arr2.length; i++) {
arr3=arr2[i]
for(var s in arr3)
arr.push(arr3.stationnr);//添加数值到数组\
}
var n = []; //一个新的临时数组
for(var h = 0; h < arr.length; h++) //遍历当前数组
{
//如果当前数组的第i已经保存进了临时数组,那么跳过,
//否则把当前项push到临时数组里面
if (n.indexof(arr[h]) == -1){
n.push(arr[h]);
}
}
arr=n
document.getelementbyid("ddd").value=arr;
},
onuncheckall:function(rows){//全选不中
arr=[];//清空数组
document.getelementbyid("ddd").value=arr;
},
onuncheck:function(row){//不选中
stationnr2=row.stationnr; //取出id
arr.remove(stationnr2);
document.getelementbyid("ddd").value=arr;
},
oncheck:function(row){//选中
//alert("2")
stationnr2=row.stationnr; //取出id
arr.push(stationnr2);//添加数值到数组\
//去除重复元素
var s = arr.join(",")+",";
for(var i=0;i<arr.length;i++) {
if(s.replace(arr[i]+",","").indexof(arr[i]+",")>-1) {
arr.remove(arr[i]);
document.getelementbyid("ddd").value=arr;
break;
}
}
document.getelementbyid("ddd").value=arr;
},
onclickrow:function(row,$element){
$('.success').removeclass('success');
$($element).addclass('success');
stationnr2=row.stationnr;
arr.push(stationnr2);//添加数值到数组
//定义查询方法
array.prototype.indexof = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) return i;
}
return -1;
};
array.prototype.remove = function(val) {
var index = this.indexof(val);
if (index > -1) {
this.splice(index, 1);
}
};
//去除重复元素
var s = arr.join(",")+",";
for(var i=0;i<arr.length;i++) {
if(s.replace(arr[i]+",","").indexof(arr[i]+",")>-1) {
arr.remove(arr[i]);
document.getelementbyid("ddd").value=arr;
break;
}
}
document.getelementbyid("ddd").value=arr;
}
});
};
//得到查询的参数
otableinit.queryparams = function (params) {
var temp = { //这里的键的名字和控制器的变量名必须一直,这边改动,action也需要改成一样的
limit: params.limit, //页面大小
offset: params.offset, //页码
order: params.order,
ordername: params.sort,//返回排序列名
//pagesize: params.pagesize, //页面大小
//pagenumber: params.pagenumber, //页码
departmentname: $("#departmentname").val(),//返回查询条件
wells: $("#wells").val(),
};
return temp;
};
return otableinit;
};
var buttoninit = function () {
var oinit = new object();
var postdata = {};
oinit.init = function () {
//初始化页面上面的按钮事件
};
return oinit;
};
以上所述是小编给大家介绍的bootstrap table分页模板和获取表中的id,对get请求无效的问题,希望对大家有所帮助