bootstrap table分页模板和获取表中的ID方法
发布时间:2020-12-18 00:42:55 所属栏目:安全 来源:网络整理
导读:1.dao层 MyBatis映射 mapper.xml中 mapper.java中 getTcdt(Mydata data);//分页查询 2.业务层service md=tbdao.getTcdt(data); List resultList = new ArrayList () ; //判断前台页面传回的值是不是空不是进行条件模糊查询 if(null!=data.getStationNr() !da
1.dao层MyBatis映射 mapper.xml中 mapper.java中 getTcdt(Mydata data);//分页查询
2.业务层service md=tbdao.getTcdt(data);
List
3.action层 map=ActionContext.getContext().getSession();
map.put("list",list);//
map.put("offset2",offset);
map.put("limit1",limit);
return SUCCESS;
}
js文件 -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: '通讯设备类型',{
field: 'batteryElectricQty',title: '电池电量',{
field: 'simcardNr',title: 'SIM卡号',{
field: 'wellDbk',title: '统一编号',{
field: 'installDate',title: '安装日期',{
field: 'operate',title: '操作',editable: true,formatter:function(value,row,index){
var e = ' ';
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-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-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请求无效的问题。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |